본문 바로가기
728x90
반응형

카테고리800

검색2.0 발견의진화(Ambient Findability) 검색2.0 : 발견의 진화 - 피터 모빌 지음, Yuna 옮김/한빛미디어 원저:앰비언트 파인더빌리티(Ambient Findability) 의미를 먼저 알아볼 필요가 있겠다. am.bi.ent adj. 주변의, 둘러싼 완전히 포위된 find.a.bil.i.ty n 위치가 밝혀질 수 있거나 찾아가는 것이 가능한 속성 특정 물건이 발견되거나 위치가 파악될 수 있는 정도 어떤 시스템이나 환경이 내비게이션과 검색을 지원하는 정도 "Ambient Findability"란"언제 어디서든 사람이나 물건을 찾을 수 있는것"을 의미하며 현재 세상(웹이 일반화되어가고 있는 세상)의 "findability"는 "ambient"해져가고 있다고 필자는 말하고 있다. 넘쳐나는 정보의 홍수의 속에서 자신이 필요로 하는 정보를 찾는 .. 2009. 4. 28.
Tag Cloud 몇년전부터 유행처럼 여기저기의 블로그에 사용되기 시작한 Tag Cloud. SMASHING MAGAZINE에서 Tag Cloud에 관한 기사를 발견했다. 좋은 정보이니 한번쯤 눈여겨 봐둘 필요가 있다고 생각된다. 태그란 것이 그렇듯이 누구나가 한가지 글에 관하여 같은 태그를 사용하지는 않는다. 영화에 관한 태그를 붙인다면 영화, 무비, Movie, 코믹, 멜로등등 붙이는 것도 가지가지일테니까. 그중에서 중복되는 태그를 사용함으로서 사이트에서 사용되고 있는 중요성, 사용빈도가 높은 태그를 시각적으로 표현하는 것이 Tag Cloud다. Tag Cloud는 좁은 영역에 많은 양의 정보를 다루기 때문에 그 사용에도 주의해야겠다. 이와 같이 많은 양의 정보가 나열되고 있는 만큼 정보를 어떻게 보여주는가가 관건이라.. 2009. 4. 26.
디즈니 애니메이션에 관한 내용 CollegeHumor's Favorite Funny Videos우연히 발견하게된 동영상이지만...볼수로 대단하다는 생각이 들었다.이러한 똑같은 움직임을 발견할 정도로 디즈니의 애니메이션에 관심이 있는 인물이 있다는 것도 그렇지만...이렇게 대상물이외의 움직임에 완전히 판에 박은 듯한 움직임을 가이드로 가지고 있다는 것도 대단하다는 생각이 든다.보고나서 디즈니에 대한 인식이 조금 바뀌어 버렸다. 무엇이든 새로운것을 만들어 낸다는 것은 상당히 어려운 작업임에는 틀림없다. 고단하고 힘들고 짜증나고... 하지만...막말로 "꿈의 나라 디즈니"에서 이런식으로 꿈을 재조했었다는게 참 씁쓸하기도하다.작품들을 보면 꽤나 오랜전 작품들인데(가 가장 최신판인것으로 보인다) 어떤 면에서 보자면 그때부터 이러한 시스템을 구.. 2009. 4. 18.
TOKYO FASHION MAP http://www.uniqlo.com/uniqlo1000/map/ 유고나카무라가 관리하면 달라도 뭐가 다르다? 그럴지도... 모르겠다는 생각을 가끔씩 해보곤 한다. 유니크로의 TOKYO FASHION MAP을 간단히 봐볼까 한다. 동영상을 이용한 컨텐츠는 이제는 정말 일반적인 것이 된것같다. 움직임이 있다는 것에 대해서, 영상을 웹에서 자유롭게 표현할 수 있다는 것에 대해서 열광하던 시기는 이제 한물 갔다. 이제는 당연시 되고 있는 영상을 어떻게 활용할 것인가가 관건인 세상이 되었다. 물론 어떠한 기술이 나오고 그 기술을 접목시키는데 성공한 뒤에는 자연스럽게 어떻게 사용할 것인가가 관건으로 떠오르는 것은 당연한 것이겠지. 현재는 과도기일까...아니면 벌써 침체기로 빠지고 있는 걸까. 2009. 4. 18.
디자인 웹 네비게이션 (Designing Web Navigation) Designing Web Navigation - 제임스 콜백 지음, 김소영 옮김/한빛미디어 "디자인 웹 네비게이션"이라는 제목에서 볼 수 있듯이 네비게이션 설계에 관한 교과서적인 책이라는게 솔직하게 읽어본 감상이다. 예전에는 O'REILLY의 책은 왠지 프로그래머만이 보는 책이라는 이미지가 강했기에 볼 생각조차 하지 않았었는데 요새는 이 출판사의 책들의 중요성을 조금씩 이해하고 있는 중이다. 늦은 감이 있지만...늦었다고 생각할때가 가장 빠르다고 하는 것처럼... 네비게이션과 관련된 여러 지식과 방법을 400쪽이 넘는 꽤나 두꺼운 책으로 무겁다.... 이 책을 언제 다 읽어본담...이라는 생각을 하면서 읽기 시작했지만.. 웹 디자이너라면, 웹 기획자라면 이 한권은 꼭 읽어볼 가치가 있다고 생각된다. 스스.. 2009. 3. 25.
웹2.0 기획과 디자인 웹 2.0 기획과 디자인 - 노주환 지음/플루토 이 책은 현재 웹에 존재하고 있는 여러 기술과 지식, 이론들을 정리해 놓은 얇은 참고서라고 할 수 있겠다. 사이트에 사용되고 있는 기술의 명칭과 그 뒤에 있는 이론들에 관해서도 짧게기술하고 있다. 두껍지 않은 책이지만 그 내용은 한번쯤 읽어볼 가치가 있다고 본다. 기획서를 작성할때등 사이트를 구성할때 한번씩 훑어보는 것도 나쁘지 않을것 같은 책. 2009. 3. 25.
Graph Layout Interface 이러한 인터페이스는 외견상 보기에 좋다. 흥미롭다고 할까나. 클릭할때마다 보여지는 아기자기한 움직임과 사운드는 시각적으로 현재 "움직이고 있다"는 결과를 즉각적으로 보여주는 유용한 방법이다. 시각적으로 어디서부터 시작해서 현재 어느지점에 있는지를 한 화면에서 확인이 가능하다. 하지만... 결론적으로 말하자면 "시각적으로만 좋다"고 생각된다. 이유는 아직까지는 사람이 읽고 정보를 파악할수 있는 눈의 움직임이라는 것이 국가나 그 언어에 따라 틀리겠지만 왼쪽에서 오른쪽, 오른쪽에서 왼쪽, 위에서 아래의 순서로 정보를 얻고 있다고 생각되기 때문이다. 이러한 환경에서 시각적으로 "상하좌우"로 움직이는건 상당히 흥미롭지 않을 수 없지만 하나의 주체를 두고 사방으로 번저 나가는 정보의 연결은 클릭할 수록 늘어나는 정.. 2009. 3. 21.
Interface 세상에나.... 이런게 있었내... 이런 멋진 인터페이스가 있을 줄이야.... 물론 시각적인 면에서는 훌륭하다. 새롭고 잼있다. 실제로 내용의 확인면에서는 점수를 주기는 좀 그렇지만 아이디어는 참신하다. 알고싶은 검색어를 입력한다. 마우스를 드래그 하여 선을 그린다. 유저가 그린 선의 좌우로 관련 정보들이 나열된다. 더 깊이 알고 싶은 링크를 클릭하고 다시 화면의 다른 공간으로 드래그 하여 선을 그린다. 단순하게 나열되는 결과와는 달리 유저에게 결과물의 표현식에 자유를 준다는 것이 새롭다고 할까. 이러한 실험적인 프로젝트를 보다보면 머릿속 구조가 평범하진 않을거란 생각을 해보곤 한다. 두말하면 잔소리. 실제로 이용해 보고 평가하기를. http://www.doodlebuzz.com/ 2009. 3. 21.
What makes good software? 당신이 생각하고 있는 Good Software는? 사용하기 쉬울것. 심플할것 등등 길거리에서 찍은 이 영상은 정말로 "유저"들을 담고 있다. 그들이 생각하고 있는 좋은 소프트웨어에 대한 1분여의 짧은 동영상. 당신이 생각하는 "좋은 소프트웨어는?" 2009. 3. 18.
The Toronto Multi User Experiment "사용자 경험 디자인"이라는건 제작자와 이용자간의 커뮤니케이션이라고 할 수 있겠다. 위 동영상은 "사용자 경험디자인"과는 거리가 있을지도 모르겠지만... "커뮤니케이션"에 관해 잠시 생각해 보게끔 한 좋은 영상이라고 생각한다. 위 작품은 어떤 장치를 설치한다. 간단한 사용방법을 알려준다. 실제로 사용가능하게 장치를 준비해두고 사용할 수 있게 해둔다. 과정을 기록한다. 결과물을 발표한다. 이상의 과정을 걸쳐서 만들어 졌다. 새로운 제품을 만들때 사용되는 방법과 별반 틀릴게 없다고 생각했다. 물론 4번과 5번의 중간과정에 자료를 토대로 다듬어가는 과정이 필요하다는게 디자인과 예술작품의 차이라고 할까나. 이용자와의 커뮤니케이션을 어떻게 취할것인가에 대해서 생각해보게끔 했다. 세상은 넓고 인재는 많고 그만큼 아.. 2009. 3. 18.
'웹 접근성'의 준수 솔직히 영상은 그렇다치고... 내용면에서는 필요한 내용이라고 본다. 일반적으로 웹을 사용하고 있는 사람들(마우스를 사용하고, 보고, 듣고)에게 있어서는 아무런 문제도 없지만 장애인들에게 있어서는 이 모든것이 제대로 이용되고 있지 않은 실정이다. 실제로 모든 유저를 만족시키면서 사이트를 구축한다는 것은 중요한 일이고 대단한 일이지만...그렇게 하기엔 현실적으로(?) 자금면, 시간적인 측면에서 무리가 있는 것도 현실이라고 본다. 그렇기 때문에 공공기관이외의 곳에서 실제로 장애인들을 위한 서비스가 이루어지고 있는 곳을 본적이 없는것 같다. 아니, 실제론 공공기관에서도 장애인들을 위한 서비스가 제대로 이루어지고 있는지도 잘 모르겠다. 웹으로 밥을 먹고사는 나로서도 다시한번 생각해봐야 할 문제라고 생각된다. 하다.. 2009. 3. 17.
PERSONA UX에 관심을 가지기 시작한건 페르소나와 관련된 책을 한권 읽으면서부터였다. 그때까지만 해도 UX가 뭔지 아예 관심도 없었으니까... 그나마 관심을 가지기 시작했고 관련서적을 읽어보다 보니... 그 내용과 깊이에 조금 이해 부족상태. 책을 읽어가면서 이렇게 블로그에 조금씩 적어가면서 정리해보기로 했다. 페르소나 만들기에 관하여. 기본사항. 이름 동기와니즈 시나리오 세부사항. 기능 및 컨텐츠 행동 인용 배경정보 인류통계학적 정보 기술 숙련도 신상 정보 사진 활용 시기:언제 등장하는가 대상:누가 페르소나를 이용하는가 목적:페르소나의 역할 이상의 정보들을 기준으로 페르소나를 제작 활용함으로서 웹사이트의 개발에 많은 영향을 끼칠수 있다. 아직까지 실제로 이용해 본적이 없기에 경험담을 말할 수 없는 것이 좀 그렇.. 2009. 3. 8.
Book : 프레임심리학 "프레임"을 읽었다. 모든것은 현재의 자신이 가지고 있는 "프레임"으로 현실을 보고 또 미래를 판단하고 있는 거지.란 생각을 하게 만들었다. 내가 무엇을 하건간에 어떤 프레임을 가지고 임하느냐에 따라서 모든것에 변화가 온다는 것이다. 맞는 말이다. 지당한 말씀.의미중심의 프레임을 가져라접근 프레임을 견지하라'지금여기'프레임을 가져라비교 프레임을 버려라긍정의 언어로 말하라닮고 싶은 사람을 찾아라주변의 물건들을 바꿔라체험 프레임으로 소비하라'누구와'의 프레임을 가져라위대한 반복 프레임을 연마하라이상은 작가가 말하는 인생을 바꾸는데 있어서 필요한 10가지 프레임의 활용법이다. 개인적으로 우선 버려야 할것이 4번의 "비교 프레임을 버려라"이다.늘상 누군가와 비교를 하고 내가 현재 어떤 위치이며 어느정도의 능력을.. 2009. 3. 6.
사용자 경험에 미쳐라! 사용자 경험에 미쳐라! - 데이비드 베르바 외 지음, 김소영 옮김/한빛미디어 원제:SUBJECT TO CHANGE 음...공감하게 만드는 말이라고 할까나. 막말로 제대로 미치지 않고서야 어떻게 사용자가 뭘할지 무엇을 원하는지를 일일이 파악하고 연구하고 실험하고 조사하고 하겠는가. 자기가 하고 있는 일에 제대로 미쳐야 뭘 해도 제대로 하겠지. 한번 읽긴 했지만... 다시 한번 읽어보면서 내용을 곱씹어 봐야겠다. 실제로 사용자 경험을 이용한 디자인에 관한 예제들과 경험과 역사에 기반한 내용을 들어 차근차근 간결하게 설명해주고있다. 단지 것모습만 멋지고 좋은 것은 외견상의 문제이며 이는 일순간은 좋겠지만 그 내용과 어울리지 않는다면 훌륭한 디자인이라고 할 수 없겠다. 코닥이나 애플등의 예를 들면서 그들이 어떠.. 2009. 3. 2.
web prototyping "Lo-fi web prototyping" 이 짧은 동영상은 프로토타입에서 어떤식으로 웹서비스가 이루어지는지를 보여주고 있다. 간단히 플래시로 만들어진건가 하는 생각도 들지만... 서비스가 어떠한식으로 이루어지는지 파악할 수 있게끔 도와준다. 페이퍼 프로토타입과는 달리 화면에서 이루어지는 만큼 조금더 알기 쉽진 않을까 하는 생각이 든다. 어디까지나 프로토타입인 만큼 디자인에 신경을 쓰는건 나중으로 미뤄야 하겠지만. 2009. 2. 17.
Adaptive Path diabetes management design concept "Charmr: Adaptive Path diabetes management design concept" Adaptive Path에서 제작한 의료보조기구의 디자인 컨셉동영상이다. 한마디로 말하자면...끝내준다. 이런것이 바로 UI, UX라는 거구나... 하는 생각이 들게 만든다. UX에 첫 발도 제대로 내딛지 못하고 있는 나에게 여러가지로 도움이 된다. 컨셉영상이라는 것이 말로만 듣고 영화속에서나 잠시 등장하는 걸 봤지 이렇게 제대로 보긴 처음인듯하다. UX, UI... 점점더 매력을 느끼게 만든다. 2009. 2. 14.
Daum HANMAIL Paper Prototype "Hanmail Paper Prototype" 오오오오오~~~!!! 다음 한메일의 페이퍼 프로토타입 동영상을 발견했다. (알고 있는 사람들은 알고 있겠지만..-_-) UX에 관심을 가지기 시작한 이래 접하는 정보속에는 여러가지 테스트 방법론들이 나온다. 그중에서 한가지가 이 페이퍼 프로토타입방식. 글로 읽으면서 이해를 하는 것과 이렇게 영상으로 보고 나니 이해가 빨리된다. 어떤식으로 진행해야 하는지 긴가 민가 했었는데 막힌 구멍이 뻥 뚤린 기분이랄까. 2009. 2. 13.
A Technique for Better + Faster UX Solutions "Sketchboards: A Technique for Better + Faster UX Solutions" 빨리 돌리기 영상으로 UX의 과정을 간단하게 보여주고 있다. Watch us create a sketchboard>> 1.Start with a big sheet of paper 2.Give it some structure(like stages of a user process) 3.Surround it with criteria(like personas or requirements) 4.Sketch(Start with thumbnails, then add more detail.) 5.Take it to your team 6.Review it with the team(Note choices and c.. 2009. 2. 13.
History of the Internet "History of the Internet" 인터넷의 역사를 8분간의 애니메이션으로 정리한 내용. 애니메이션의 내용도 내용이지만 사용된 그래픽요소들의 심플함에 매료되었다. 단순한 그래픽을 사용하여 이렇게까지 다른 분위기를 만들어 낼 수 있구나 하는 생각이 들게 하였다. 이러한 단순한 표현은 그 과정이 얼마나 고된 작업인지 생각하게끔 만든다. 말로는 설명이 되더라도 이미지로서 그것을 설명하기 위해서는 수많은 아이디어와 수많은 스케치들이 필요했겟지라는 생각이 드니까. 누군가에게 무엇을 전달하기 위해서는 어떻게 해야 할지 다시금 생각하게 만든다. 2009. 2. 12.
User Interface http://ge.ecomagination.com/smartgrid/ 예제로서 어떨지 모르겠지만... 1.인터페이스의 간결함 2.그래픽의 정밀함 3.절제된 타이포 4.사운드에 의한 설명 등등 꽤나 세련되고 재미있게 작품성이 뛰어난 페이지라고 생각된다. 1.인터페이스의 간결함 메뉴가 어디있으며 뭘해야할지 알수있다. 2.그래픽의 정밀함 3D에 의한 표현(움직임포함)은 형태파악이 쉽다 3.절제된 타이포 필요하다고 생각되는 부분에만 텍스트를 배치 "이걸 움직여주세요"등등... 4.사운드에 의한 설명 이건 청각장애자들을 위한 요소로서는 제일 부적절하지만... 음성과 애니메이션으로 인식가능한 범위가 넓어진다. 로딩되고 움직이면서 진행되는 내용을 익히기에는 텍스트로 보여지는것 보단 동시에 음성으로 듣는 것이 확실하게.. 2009. 2. 7.
Safe Area(First View) Safe Area 또는 First View 라고 해도 되겠다.. 웹 안전 영역이란 페이지를 스크롤하지 않은, 스크롤이 필요없는 정보들을 보여주는 부분을 말한다. 이 영역에서 각종중요사항들을 노출시키는 것이 바람직하다. 브라우저의 메뉴등을 빼고 나면 이정도... 640 x 480 = 600 x 300 800 x 600 = 760 x 420 1024 x 768 = 955 x 600 2009. 2. 2.
728x90
반응형

티스토리툴바