본문 바로가기

[UX] 가벼운 이야기

 (65)
유투브 동영상 플레이어의 하단 bar 디자인 변경 UCC 사이트인 유투브 동영상 플레이어의 하단 bar 디자인이 변경되었습니다. 기존의 플레이어의 하단 bar는 튀어나온 형태로 동영상과 하나라는 느낌이 강했는데, 새로운 동영상 플레이어는 기존의 bar 형태와는 조금 다르게 디자인되었습니다. 그림1. 기존의 유투브 플레이어 그림2. 새로운 유튜브 플레이어 (하단 bar 비활성화) 기존 플레이어와 변경된 플레이어의 가장 큰 차이점은 활성화 상태와 비활성화 상태를 구분한다는 점입니다. 동영상 시청중에는 하단 bar가 흐리게 보여지고, 재생 위치와 로딩상태를 보여주는 인디케이터가 최소화됩니다. 그림3. 새로운 유투브 플레이어 (하단 bar 활성화) 재생중에 유저가 플레이어에 커서를 가져가면 하단 bar가 활성화 상태로 변하며, 재생위치 인디케이터의 크기가 커지..
수집의 요소를 적용한 온/오프라인 콘텐츠 사례 그림1. 따조 어렸을때 저는 수집을 좋아해서 '따조' 라는 것을 모았었습니다. 따조는 오리온 치토스 등 일부 자사의 과자를 살 경우 한 봉지에 하나씩 들어있었던 아이템입니다. 어렸을적 따조라는 것을 모으기 위해 고군분투했던 기억이 아직도 잊혀지지 않습니다. 따조는 여러종류가 있었는데요, 일반적으로 각각의 따조에 루니튠즈의 캐릭터들을 보여주고 후면에는 해당 번호를 보여주는 형식을 띄고 있었습니다. 또한 각각의 객체를 연결하여 작품을 만들 수도 있는 따조도 있었고, 어떤 것은 각도에 따라 두개의 그림을 보여주는 따조도 있었습니다. 지금 생각하면 철없는 한때의 경험이었지만, 돌이켜 생각해보면 캐릭터를 모으는 수집의 즐거움. 1번부터 100번까지의 번호를 채우고싶은 욕구.(따조중에는 1번부터 20번까지 있는 것..
iPhone user interview - iPhone 구매 동기, 장점 및 단점, 재구매 의사를 중심으로 아이폰을 최근에 산 친구를 만났습니다. 이놈의 직업의식 때문에 저도 모르게 친구를 인터뷰 해 보았습니다. 인터뷰의 시간은 대략 40분정도 였으며, 인터뷰 방식은 개방된 공간에서 대화하는 형식으로 이루어졌습니다. 1. 기본정보 성별: 남자 나이: 20대 후반 IT 기기에 대한 친화도: 중상 2. 아이폰 구매 동기 먼저 아이폰을 산 동기에 대해서 물어보았습니다. 이 친구는 여자친구와 통화비가 너무 많이 나오기 때문에, 여자친구와 함께 아이폰으로 기기변경을 했다고 합니다. 스카이프를 사용하면 통화비가 나오지 않는다고 하였습니다. 그 전에 쓰고 있던 폰은 SKY 사의 듀퐁 폰을 사용한다고 하였습니다. '아이폰 기기가격이 비싸지 않은가?' 라고 질문하였는데, 비싼 편이긴 하지만 다른 하이엔드 폰의 가격과 비교해 ..
메일 사이트의 대용량 파일첨부 사례 이메일을 사용하다보면 대용량파일로 메일을 보낼 때가 종종 있습니다. 대용량파일은 저장 기간이 정해져있고 다운로드 횟수가 정해져 있습니다. 문제는 사이트들이 대용량첨부 파일의 다운로드 횟수와 기간을 제한한다는 것입니다. 일전에 회사에서 대용량파일로 메일이 왔었는데, 첨부된파일을 클릭해도 반응이 없었습니다. 이에 저는 계속 클릭을 했더니 다운로드 횟수 제한에 걸리더군요. 결국 파일을 다운로드 받을 수 없는 상황이 되어 당황했던 경우가 있었습니다. 이에 메일 사이트의 대용량파일 첨부정책과 사내메일의 대용량파일 첨부 방식을 조사해 보고 싶은 생각이 들었습니다. 조사 대상은 네이버 메일, 다음 메일, 구글 G메일, 네이트 메일, 파란 메일 이렇게 총 5개의 사이트의 메일과 추가적으로 사내메일을 살펴보았습니다. 새..
무선인터넷 제한 상황에서의 모바일 팝업 다이얼로그 메시지 사례 1. 팝업 다이얼로그란? 팝업 다이얼로그는 팝업의 형태로 알림, 혹은 확인, 취소 등을 수행하는 장치입니다. PC 환경에서는 팝업 메뉴가 마우스의 오른쪽을 클릭하면 상황에 따라 나오는 컨텍스트 메뉴를 사용되는 용도, 혹은 선택의 목적으로 사용되어 왔습니다. 모바일 환경에서는 주로 확인의 목적, 혹은 선택의 목적으로 사용되고 있습니다. Designing Interface 책에서는 모달 패널과 팝업 메뉴를 다음과 같이 설명하고 있습니다. 모달 패널 (modal panel) 사용자가 현재 상황에 대한 문제를 해결할 때까지 오직 한페이지만 보여준다. 문제 해결과 관련되지 않은 다른 네비게이션은 할 수 없다. 팝업 메뉴 (pop-up menus) 마우스의 오른쪽을 클릭하거나, 패널이나 아이템에서 이와 유사한 행동..
웹사이트 마우스 제스쳐 비교 (크롬플러스, 네이버툴바, 파이어폭스) 크롬플러스를 사용하다 보니, 우연히 마우스 제스쳐(mouse gesture) 기능이 있다는 사실을 알았습니다. 크롬플러스는 마우스 제스쳐 기능을 기본으로 제공하고 있더군요. 크롬플러스의 마우스 제스쳐 기능을 보다보니 문득 다른 브라우저(혹은 툴바)의 마우스 제스쳐는 어떻게 제공하고 있는지 궁금해지더군요. 그래서 크롬플러스, 네이버툴바, 파이어폭스(fire gesture)의 마우스 제스쳐를 조사해 보았습니다. [그림 1] 크롬플러스 마우스 제스쳐 설정 [그림2] 네이버 툴바 마우스 제스쳐 설정 [그림3] 파이어폭스 Fire Gesture 설정 크롬플러스에서 마우스 제스쳐 기능은 기본으로 제공하는 기능이기 때문에 별 무리없이 사용할 수 있습니다. 그러나 네이버 툴바의 마우스 제스쳐 기능은 네이버 툴바를 깔아..
비타민워터의 사례로 본 스토리텔링 기법 1. 스토리텔링이란? 위키피디아에서는 스토리텔링을 다음과 같이 설명하고 있습니다. Storytelling is the conveying of events in words, images, and sounds often by improvisation or embellishment. Stories or narratives have been shared in every culture as a means of entertainment, education, cultural preservation, and in order to instill moral values. Crucial elements of stories and storytelling include plot, characters, and narrative ..
3D 세상을 2D로 옮기기, 2D 세상을 3D로 옮기기 *본 내용은 UX팩토리 만나기 2010 에서 '이미지 1장으로 발표해' 시간에 발표한 내용입니다. (발표자들의 모든 이미지는 여기에 있습니다.) 그림1) 세상은 3차원 이미지 출처: http://hoons.kr/Board.aspx%3FNam...Value%3D 3D 세상을 2D로 옮기기 저는 UX팩토리 만나기 2010에서 '3D세상을 2D로 표현하기' 라는 주제로 발표를 한 uxdragon 입니다. 저는 도널드 노먼의 '디자인과 인간심리' 라는 책을 읽고 나서 고민했던 부분을 공유하려고 합니다. 그림1)과 같이 세상은 x축,y축,z축을 포함한 3D(3차원)으로 이루어져 있습니다. 3D로 이루어진 세상이지만, 정보는 2D(2차원)으로 표현되어 있거나, 종종 다른 축에 표현되어 있습니다. 그러나 이것은 사용..

티스토리툴바