성공한 유저 인터페이스의 8가지 특징 그리고 여러가지 단상들....




드리밍입니다. 요즘 여러가지 일로 너무 바뻐서 포스팅을 할 마음의 여유가 안생기더군요. 바쁜게 좋은 것이긴 합니다만 요즘 같아서는 것도 정도가 있지 않나하는 생각도 드내요. 좋은 소식은 결과가 손에 잡히고 있다는 것이고 나쁜 소식은 다음 주에도 더 바쁘면 바뻤지 나아질 것 같지는 않다는 것입니다. 5월에는 휴가를 좀 쓰고 싶은데 잘 되려나 모르겠습니다. 물론 6월에는 WWDC에 가고 싶은데 말입니다. (^^;;; 힘좀 써주셔요! 파이팅)

오늘 여느때처럼 RSS로 포스팅들을 정리하고 있었는데 usabilityPost에서 멋진 글을 발견했습니다. 바로 8 Characteristics of Successful User Interfaces입니다. 성공한 유저 인터페이스의 8가지 특성이라... 안읽을 수 없겠죠? (파닥파닥) 역시나 멋진 제목처럼 올라온지 얼마 안되었는데 댓글이 많이 달리고 있더군요. 듣고 보면 앗! 뻔한 이야기! 라고 할 수도 있겠습니다만 그 뻔한 이야기를 정리하는게 능력이니까요. 

일단 살펴보겠습니다.  그 성공한 유저 인터페이스의 8가지 덕목이란... 아 물론 원문의 내용은 가서 보시죠. 여기 아래에서는 제 관점에 따른 해석이 주가 될 겁니다. :)





#1 CLEAR : 명확




 

유저 인터페이스에 있어 가장 기본적인 덕목입니다. 유저 인터페이스를 만드는 목적이 시스템과 유저가 의미있는 대화를 나누게 하는 것이니까요. 애플리케이션의 동작이나 웹사이트가 의미하는 바를 명확하게 설명해야하고 유저가 혼동을 할 여지를 주면 안됩니다.






#2 CONCISE : 간결






minimal이라고 해도 될 정도로 요즘 주목받고 있는 요소입니다. 누가 simple을 이길 수 있느냐라는 기사까지 나올 정도니까요. 모바일이 다시 주목을 받으면서 더더욱이나 중요한 요소가 되었습니다. 점점 애플리케이션이나 서비스 그리고 기기들이 유저에게 하고 싶은 말은 많아지고 공간은 한정되어 있습니다. 명확하게 커뮤니케이션을 하는 것이 중요하지만 여러 말을 한마디로 간단하게 전달하는 것 역시 중요합니다. 할말이 많은 것은 개발자 입장이고 유저의 입장은 시간이 없으니까요.






#3 FAMILIAR : 익숙




 


친근함이라는 단어가 더 몽실몽실 기분은 좋습니다만 역시 명확하게 표현하는 단어는 익숙 같습니다. 이 부분에서 많은 분쟁꺼리가 생겨나기도 하고 말입니다. 보통 유저 인터페이스를 고민할 때 주체는 디자이너가 됩니다. 적어도 국내 환경은 그러한 것처럼 보입니다. 프로젝트에서 초반에 강하게 끼어드는 것을 그리 달가워 하진 않더군요. (머 개의치 않습니다만 ㅋㅋ) 보통 이런 상황에서 나타나는 나쁜 현상이 튀기 위한 디자인입니다. 과한 창의력때문에 사용성이 떨어지는 상황이 오는 것이죠. 보기에는 예뻐보입니다만 막상 머하는 물건인지 모르는 상황인거죠. 역시나 모바일이 뜨면서 더 많이 고려되야 하는 부분입니다. 우리가 만날 유저분들은 생각하기도 귀찮으시고 바쁘신데다가 배울 의지도 없으신거죠. 극복할 방법은 명확하고 간결하고 그 분들이 아는 것으로 이야기를 하는 겁니다.






#4 RESPONSIVE : 응답





 
이럴때 참 곤란합니다. 한단어로 만들려니 적당하지 않군요. 즉시 응답하는...즉시 반응하는 이런 느낌인데 ^^; 두 단어로 하긴 좀 그렇고.. 하여간 응답을 해야합니다. 그것도 빨리! 당연 최적화되어야 한단 이야기고 또 시간을 써야만 하는 작업이라면 꼭 유저에게 그것을 알려야 합니다. 지금은 일반화되어 있지만 로딩바라던가 프로그레스바 아이폰의 스핀휠 같은 것들이 좋은 예입니다. 아이폰을 좀 자세히 들여다보면 얼마나 응답속도에 애플이 신경을 많이 쓰고 있는지 알 수 있습니다. 그리고 소프트웨어를 아는 자와 하드웨어를 아는 자의 대응방법의 차이도 알 수 있습니다. 전자는 꽁수라고 불릴 것들이 난무하기도 합니다. 후자는 정공법을 주로 사용하죠. CPU클럭이라던가 말입니다. 결론은 전자는 체감 응답속도에 대한 고려가 주이고 후자는 그렇지 않아 보입니다. 사실... 아이폰 애플리케이션의 로딩이 무지 빠른 편은 아니거든요. 다들 빠르게 느끼는거죠.






#5 CONSISTENT : 일관






정말 잘 안지켜지는 것입니다. 익숙과 유사한 문제라고 전 봅니다. 사실 서비스를 구상하다 보면 타사 서비스와의 차별화는 당연한 것이고 그 내부에서도 이 서비스가 새로운 것이라는 느낌을 주기 위해 기존 틀에 도전하는 경우가 많습니다. 디자인하는 입장에서는 이 정도야라고 생각되는 것들도 사실 유저에게 재교육을 요구하게되는 경우가 많습니다. 그 균형을 잡아내는 것이 manager의 역할이겠죠. 역시나 모바일에서는 더 중요합니다. 앞의 명확,간결,익숙에 이어 바쁜 유저들을 잡기 위해서는 어쩔 수 없이 따라야 하는 것이죠.






#6 ATTRACTIVE : 매력






음 점점더 어려워지는... 매력... 예뻐야죠. 요즘 유저들의 마음에 들어가기 위해서는 눈을 사로잡아야 합니다. 누구든 알고 있습니다. 그렇지만 쉽지 않습니다. 유저의 눈을 사로 잡아야 합니다만 의미가 없으면 안됩니다. 의미가 없다면 단순한 eye candy가 됩니다. 그러면 지루해지겠죠. 예를 들어본다면 전 맥 OS X에 지니효과를 들고 싶습니다. 잼있고 신기하고 즐겁고 그렇지만 의미가 없는게 아닙니다. 유저에게 창이 독의 어디로 들어가는지 그리고 최소화 된다는 것을 보여줍니다. 제 경우에는 아직까지 질리지 않았습니다.





 
#7 EFFICIENT : 효율






이 효율이라는게 단순한 클릭수를 몇번으로 줄이느냐의 문제는 아닙니다. 머 예전엔 그렇게들 많이 따졌습니다만 이젠 조금 다른 부분까지도 같이 이야기가 되어야 하지 싶습니다. 유저가 하려고 하는 것들이 의미있게 모아져 있는가 그래서 쉽게 원하는 바를 달성할 수 있는가! 윽 쉽지 않습니다. 유저가 하고자 하는 일을 미리 생각해서 정렬한다는 것은 쉽지 않더군요. 그래서 웹서비스는 나름 편안합니다. 상황을 후반영하는 것이 그리 힘들지 않으니까요. 휴대폰에 비하면 하늘과 땅? 






#8 FORGIVING : 용서







아! 여기에서 깜짝 놀랐습니다.물론 이 단어로 하고자 하는 이야기는 다른 많은 곳에서도 다른 단어로 이야기들을 했지만 참으로 느낌이 틀립니다. 유저는 언제든 실수를 할 수 있고 그 실수에 대해서 돌릴 수 있는 방법을 제공해야 한다는 것입니다. 음 아이폰에서도 그런 UI가 따로 준비되어 있고 가이드를 보면 유저의 되돌릴 수 없는 경우에는 취소를 할 수 있게 되돌릴 수 있는 것이나 중요한 변화는 꼭 undo를 제공하라고 되어 있더군요. (물론... 그래서 안그런 기능만 넣어야지!라고 돌아가는 드리밍입니다만. ^^)


명확 / 간결 / 익숙 / 응답 / 일관 / 매력 / 효율 / 용서


이렇게 8가지가 성공한 유저 인터페이스의 공통된 특징이라고 합니다. 

아이폰을 저기에 대입시켜보죠. 큼지막한 버튼들, 누르면 무얼 할지 확실한 아이콘, 더 이상 뺄 수 없는 기기에 달린 버튼, 이미 기존 맥 유저에게는 익숙한 개념들, 체감 응답시간을 줄이기 위한 엄청난 노력 (정통 핸드폰 업체에서 보기에는 꽁수로 밖에 안보이겠지만..) 딱딱하기 이를때 없는 가이드 그러나 매력적인 룩&필 나름 잘 정리된 액션들 그리고 머 가능한 경우에는 대부분 붙어있는 취소,되돌리기....

그럼 이제 대충 손에 들고 있는 아무 폰이나 한번 대입해 보시죠. 쩝... 불편한 것에는 다 이유가 있는 것입니다. 아무리 오래 사용하더라도 편안하지 않은 것은 누군가 고민이 얇았다는 이야기겠죠. 

잼있는 것은 저게 단지 유저 인터페이스의 성공 사례 8가지 특징으로 보이진 않는다는거죠. 서비스의 성공조건이기도 하고 크게 보면 사업의 성공조건이기도 해 보입니다. 요즘 너무너무나 잘나가서 서버꼽기 바쁜 트위터를 넣어봐도 말이 되지 않나요? 명확한 기획의도, 간결한 사용방법, 모바일 SMS를 통한 익숙한 사용, 응답은... 요즘 다운타임이 좀 기니 애매하군요. ㅋㅋ 그래도 장애가 아닌 다음에는 바로바로 메시지를 주고 있습니다. 서비스 내에서의 일관성 그리고 나름 예쁜 디자인 거기다가 엄청난 효율성 아... 용서는 잘 모르겠군요. 

음 그러고 보니 조금은 더 마음이 복잡해 집니다. 저 8가지 덕목을 가지기 위해서는 어떻게든 서비스만을 두고 판단을 해야하는데요. 다들 입장이란게 있고 그리고 그 입장에 매몰되기란 너무나 쉬우니까요. 

일단 저런 문제를 다 해결하는 가장 쉬운 방법은 프로젝트에 훌륭한 매니저가 있는거죠. 애플에 잡스가 있듯이 말입니다. 

여기서 생기는 궁극의 문제는 그런 사람 수는 무지 적고 어디선가 다 일하고 있다는 것이겠죠? 아! 팀내에서 민주적인 결정을 통한 집단지성? 머 아직까진 그럴 만큼 시간을 주는 프로젝트를 만나보진 못했습니다. 앞으로도 만나긴 힘들지 싶습니다. 여기서도 좋은 소식이기도 하고 나쁜 소식이기도 한건... 좀 지켜보니 어디든 넉넉한 시간을 가지고 일하지는 않는거 같더군요. 애플이던 MS던 말입니다. 만일 넉넉한 시간을 가지고 있다면 기대가 적은게 아닌가 하는 의심을 해보는 것도 괜찮아 보입니다. :) 물론... 말도 안되는 일정은 안되죠. 넉넉하지 않다는 것이지 모자르단 이야긴 아닙니다. ㅋㅋ 아 그 시간을 확보하는 것도 결국 매니저의 몫인데... 



 



  
Tag : , , , ,
Track this back : http://i-dreaming.com/trackback/2511648 관련글 쓰기
Tracked from eslife's me2DAY 2009/04/17 18:56 x
제목 : 사진찍는프로그래머의 생각
링크: 성공한 유저 인터페이스의 8가지 특징 그리고 여러가지 단상들...more
Tracked from gloridea's me2DAY 2009/04/18 20:52 x
제목 : Gloridea의 생각
성공한 유저 인터페이스의 8가지 특징 그리고 여러가지 단상들… - 흠, 흠흠....more
Tracked from moon206's me2DAY 2009/04/20 09:16 x
제목 : 붉은문양의 생각
are you dreaming? - 성공한 유저 인터페이스의 8가지 특징 그리고 여러가지 단상들…....more
Tracked from 대원빈의 블로그 2009/04/22 16:46 x
제목 : 성공한 유저인터페이스의 8가지 특징 그리고 여러가지 단상들
8 Characteristics Of Successful User Interfaces 죽이네요.. "예제로 시작하는 아이폰 개발" 번역하신분 블로그래여 http://i-dreaming.com/2511648 원문 http://www.usabilitypost.com/2009/04/15/8-characteristics-of-successful-user-interfaces/...more
Tracked from webpainter's me2DAY 2009/04/24 09:36 x
제목 : 웹페인터의 생각
북마크 - 성공한 유저 인터페이스의 8가지 특징 그리고 여러가지 단상들…...more
Tracked from 애쉬튼의 구글 안드로이드 뉴스 2009/05/08 09:28 x
제목 : 스마트폰에서 가장 중요한 부분은 무엇인가?
유저들에게 어필하는 디자인? 손쉽게 구매할수 있는 가격? 이쁜 여자연예인의 CF광고? 뛰어난 하드웨어의 성능? 다 맞다. 그러나 실제로 가장 중심이 되는 것이 바로 눈에 보이는 부분이다. 정확히는 화면의 GUI를 말하며 그것에는 물론 기기자체의 외형의 디자인도 포함한다. 우리(?)같은 엔지니어들은 자꾸 내부를 파고들려는(?)습성이있는데..사실 보통 사람들이라 할수 있는 대부분의 유저들은 눈에 보이는 겉모습으로 모든것을 판단한다. 내부에서 어떻게 돌던.....more
Tracked from maclaude's me2DAY 2009/05/21 16:48 x
제목 : maclaude의 생각
clear / concise / familiar / responsive / consistent / attractive / efficient / forgiving...more
Tracked from maclaude's me2DAY 2009/05/21 16:49 x
제목 : maclaude의 생각
성공한 UI의 8가지 특징 - clear / concise / familiar / responsive / consistent / attractive / efficient / forgiving...more
Tracked from 매일매일 날고 싶어! 2009/05/22 15:22 x
제목 : 성공한 유저 인터페이스의 8가지 특징
드리밍입니다. 요즘 여러가지 일로 너무 바뻐서 포스팅을 할 마음의 여유가 안생기더군요. 바쁜게 좋은 것이긴 합니다만 요즘 같아서는 것도 정도가 있지 않나하는 생각도 드내요. 좋은 소식은 결과가 손에 잡히고 있다는 것이고 나쁜 소식은 다음 주에도 더 바쁘면 바뻤지 나아질 것 같지는 않다는 것입니다. 5월에는 휴가를 좀 쓰고 싶은데 잘 되려나 모르겠습니다....more
Tracked from . 2009/08/11 16:57 x
제목 : 8 Characteristics Of Successful User Interfaces
출처 : http://www.usabilitypost.com/2009/04/15/8-characteristics-of-successful-user-interfaces/ 한글 : http://i-dreaming.com/2511648 8 Characteristics Of Successful User Interfaces by Dmitry The...more
언제나 주옥같은 글 감사드립니다..^^
정말 좋은 인터페이스는 그 특징이 명확한것 같습니다..
BlogIcon drzekil at 2009/04/17 17:21  r x
Replied by BlogIcon dreaming at 2009/04/18 12:01 x
예 칭찬 감사합니다. 몸둘바를.. ^^;
성공한 것들의 요인은 참 다들 다릅니다만 적어도 결국 가지는 특징은 비슷한 모양입니다. :)
잘봤습니다! 올해도 꼭 WWDC가셔서 멋진 블로깅을 기대할께요 꼭!! 좋은 건수가 만들어서 다녀오시길 ㅎ 또한 드리밍님이 다녀오시면 많은 분들이 대리만족을 할 수 있다는 것도 +_+
BlogIcon reed at 2009/04/17 18:12  r x
Replied by BlogIcon dreaming at 2009/04/18 12:02 x
하하하하핫! 이번에 가게 되면 인터뷰도 전보다는 잘하고 올께요. ;)
유저 인터페이스는 '철학'이라고 생각합니다.
네, 그렇게 생각합니다.
BlogIcon JNine at 2009/04/17 18:16  r x
Replied by BlogIcon dreaming at 2009/04/18 12:02 x
예 철학이 있어야죠. :)
정말 좋은 이야기네요. ^^
BlogIcon A2 at 2009/04/17 19:16  r x
Replied by BlogIcon dreaming at 2009/04/18 12:51 x
감사합니다.
용서는 그 문자쓰다가 실수로 슬라이드를 닫거나 예전엔 폴더를 덮었을때!
CYON은 작성중 메세지가 잘 되있었는데 예전 애니콜에선 그게 좀 미흡했었던거 같네요 ㅋㅋ
ElFrog at 2009/04/17 22:24  r x
Replied by BlogIcon dreaming at 2009/04/18 12:52 x
원칙이 있으면 일관성을 가지기도 쉽겠는데 말입니다. 철학이 있다면 가치판단도 쉽겠죠. :) LG쪽 물건은 그게 조금 아쉽습니다. 알록달록하긴 한데 말입니다.
잘 읽고 갑니다
BlogIcon chatii at 2009/04/18 10:43  r x
Replied by BlogIcon dreaming at 2009/04/18 12:53 x
감사합니다.
좋습니다. 잘 읽었습니다.
BlogIcon mepay at 2009/04/18 18:56  r x
Replied by BlogIcon Dreaming at 2009/04/20 10:17 x
감사합니다. :)
rememberthemilk의 화려한 단축키 제공들을 쓰다가 삽질할 때가 왕왕 있는데, undo 참 친절하게 잘 넣어두었어요. ㅎㅎ ajax의 단점을 극복하는..-_-;;

그나저나, 다음주에(?) 뵈요! 으하.
BlogIcon 프리버즈 at 2009/04/19 01:59  r x
Replied by BlogIcon Dreaming at 2009/04/20 10:18 x
네네 :) 이번 주에 뵙겠습니다.
잘 읽었습니다. ^^ 웹서비스에도 적용해서 생각해 보아야 할듯 하네요. ^^
BlogIcon 하루하루 at 2009/04/19 09:10  r x
Replied by BlogIcon Dreaming at 2009/04/20 10:18 x
-_-b everything!
요새 사이트 리뉴얼 준비하면서 유저 인터페이스에 대해 많이 생각해보게 되는데 이 중요한 것들을 직접 적용하는게 쉽지만은 않네요. 그렇지만 이 글을 보며 그동안 고민했던게 더 명확해지는 느낌입니다.

좋은 글 잘 읽었습니다. ^_____^
BlogIcon 비류연 at 2009/04/20 09:58  r x
Replied by BlogIcon Dreaming at 2009/04/20 10:19 x
그닥...좋은 글이라곤 ^^;;;;;
-_-+ 님에 블로그에 더 놀랐습니다.
와...네이버 메인에서 보고 왔는데
이것저것 깔끔하게 잘 정리하셨네요...
많은 내용 보고 갑니다.
rss 구독도 신청할께요.^^
오랫만에 추적추적 비가오네요... 감기 조심하시고 이번 주도 화이팅 하시길 바랄께요 ㅎ
BlogIcon 하늘군 at 2009/04/20 11:43  r x
Replied by BlogIcon Dreaming at 2009/04/20 17:00 x
옙 감사합니다. 네이버 메인에 있다니 놀랍다능! :)
영화 세븐이 생각나요.
명확 / 간결 / 익숙 / 응답 / 일관 / 매력 / 효율 / 용서
ㅎㅎ 근데 8개군요! :)
jfactory at 2009/04/20 13:07  r x
Replied by BlogIcon Dreaming at 2009/04/20 17:00 x
별 것 없는 곳이지만 자주 들려주삼
와... 그림까지 곁들이니 더 멋집니다.
좋은글 잘 읽고 갑니다.
피너클 at 2009/04/20 16:03  r x
Replied by BlogIcon Dreaming at 2009/04/20 17:01 x
감사합니닷!
진부한 느낌도 있지만 복습도 좋죠.
...
위와 같은 것들을 아는 것 이상으로 구현하고 적용하려는 노력과 노하우는 어떤 식으로 만들어야하는지는.. ....역시 스스로 해야되는걸까요.^^;
BlogIcon CultBraiN at 2009/04/24 10:36  r x
Replied by BlogIcon Dreaming at 2009/04/24 11:22 x
정말 Usability는 요즘 책도 많고 말도 많지만 insite와 experience에 영역같습니다. 특히나 웹은 말이죠. 정통적인 방법론을 적용하기엔 ROI에 문제가 많으니까요.

머... 개발팀장의 의견입니다. :)
일반 사용자의 입장에서는...

아이폰은 손맛이 다르더군요.
마치 살아움직이는 듯한 움직임...
빠른 반응성.
게다가 일반개발자가 만들었어도 하나같이 아름답기까지한 아이콘들

애플은 정말 일찍부터 Human Interface Guide를 배포했죠.

그리고... 저번에 쓰신 것 처럼
버튼 눌렀는데 잠깐 반응 없다고, App store에 반영 안해주는 관리는...
너무 하다 싶지만, 그런 철저한 관리가 지금의 애플 UI를 지켜온 거겠지요.

좋은 글 잘봤습니다.
BlogIcon 파스텔그림 at 2009/07/10 15:50  r x
Replied by BlogIcon Dreaming at 2009/07/10 15:59 x
감사합니다. :)
비밀댓글 입니다
at 2009/08/11 16:55  r x
Replied by BlogIcon dreaming at 2009/08/11 18:40 x
예예 출처만 좀 밝혀주셔요.
후훗~~ 집단 지성의 형식으로 시간을 넉넉하게 주는 소프트웨어 회사가 있죠.... 블리자드라는.... 괴물 회사.... ^^;
미카엘 at 2010/01/13 22:34  r x
Replied by BlogIcon dreaming at 2010/01/14 00:25 x
=_= 거기도 쪼여요. 요즘보니 ㅋㅋㅋ
name    password   
homepage
 hidden






Am I dreaming? Yes, I am dreaming. and I am dreaming now.
 SEARCH
 Category
분류 전체보기 (487)
Life (64)
Interest (209)
Learning (88)
Work (126)
 Calendar
«   2010/02   »
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28            
 Recent Entries
아이폰 tv팟앱 검색이 달라졌.. (9)
애플의 "신제품 보러 오셔요".. (130)
레이디가가, 스타트업, 포털.. (83)
애플 공식 발표! 1월 27일 우.. (20)
안드로이드와 아이폰을 보는.. (37)
드리밍의 아이폰에는 어떤 앱.. (24)
블로그를 열고 처음으로 선물.. (24)
아빠랑 보빈이랑 토요일 즐거.. (22)
아이폰이 우리에게 주는 기회!.. (22)
아이폰 앱스토어에서 Free+ 모.. (17)
 Recent Comments
키노트 쓰시는 군요~! 멋져요~..
grayfire - 15:37
Oh! Hi! Thank you for visit..
dreaming - 02/08
감사합니다. 관점의 차이가 있..
dreaming - 02/08
I apologize, it has been so..
Andrew D. Sedgwick - 02/06
... 여러사람의 글들과 댓글들..
Jay - 02/06
 Recent Trackbacks
이제 식당에서 주..
날자고도~ 꿈의..
나의 미래 아이패..
날자고도~ 꿈의..
애플의 아이패드(..
시답잖은 지식과..
애플 타블렛에 대..
drzekil의 Talk a..
iPad 시연회 보고..
Dororia's Days...
 USERBARS
 Archive
2010/02
2010/01
2009/12
2009/11
2009/10
2009/09
 TAGS
드리밍 구글 iPhone startup BM tvPot 관점 티비팟 Apple 아이팟 app store 육아일기 안드로이드 game 앱스토어 아이폰 어메니티 킷 애플 드로이드 iPod Touch 타블랫 보빈 아쿠아 Game Development AppStore IT 결혼기념일 에미레이트 키노트 app
 Notice
한주 자리를 비웠었습니다.
한메일 express 초대권을 드립..
티스토리 이사 완료
티스토리로 이사중입니다.
Domain회복!
 Link Site
Huck의 Develop life
Lost Cause vs. Basket Case
Mindstor.net
MTGEAR
NmindPlus
watercolor: photocolor
날수있을까?타조알
다음 동영상 개발팀 Offici..
이런 저런 이야기
 Visitor Statistics
Total : 1,237,305
Today : 322
Yesterday : 405
Statistics Graph
rss