본문 바로가기

전체보기

 (117)
[독후감] 단순함의 법칙 (The laws of simplicity) 그림1. 단순함의 법칙 표지 MIT의 존마에다 교수님이 쓰신 '단순함의 법칙'(The laws of simplicity)을 읽었습니다. 이 책을 읽을때만 하더라도 간결한 내용과 짧은 분량이라 쉽게 읽혔지만, 막상 정리를 해보려니 쉽게 되지 않네요. 이 책은 단순함의 10가지 법칙에 대해서 다루고 있습니다. 정확히 말하자면 8가지 법칙 (축소, 조직, 시간, 학습, 차이, 문맥, 감성, 신뢰) 에 대해서 다루고 있으며, 단순하게 만들 수 없는 것들을 '실패'의 법칙으로 다루고 있습니다. 마지막으로 다음 8가지 법칙을 축약하여 3가지 비법으로 압축하여 소개하고 있습니다. 그림2. 단순함의 10가지 법칙 이 책에서 이야기하는 10가지 법칙과 3가지 비법은 다음과 같습니다. 10가지 법칙 1. 축소 : 신중하게..
어린이날 포털사이트들의 로고를 클릭하면 어떤 정보가 보여지나? 어린이날을 기점으로 포털사이트들이 약속이나 한듯이 자사의 로고를 어린이날 로고로 변경하였습니다. 그림1. 구글 어린이날 로고 구글 어린이날 로고는 양치하는 어린이의 일상을 로고로 표현하였습니다. 그림2. 네이버 어린이날 로고 네이버 어린이날 로고는 장난감을 이용하여 로고로 표현하였네요. 그림3. 다음 어린이날 로고 다음 어린이날 로고는 아이들과 풍선을 이용해서 표현하였습니다. 그림4. 파란 어린이날 로고 파란은 로고 자체를 손글씨로 바꾸었으며, 어린이의 필체가 느껴지게 로고를 만들었네요. 그림5. 야후코리아 어린이날 로고 야후코리아는 로고에 플래시를 사용해서 표현했습니다. 장난감을 가지고 노는 어린이를 표현했네요. 그림6. 네이트 어린이날 로고 네이트 어린이날 로고는 웃는 모습을 표현하였습니다. 그림7...
유투브 동영상 플레이어의 하단 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개의 사이트의 메일과 추가적으로 사내메일을 살펴보았습니다. 새..
[독후감] 좋은 네비게이션 레이블(lable)의 조건 UI 기획을 할때 레이블링하는것 만큼이나 어려운 일은 없더군요. 책을 찾아보다가 Designing web navigation 에서 좋은 네비게이션 레이블의 조건에 대해서 기술하고 있는 것을 발견했습니다. 그중 '네비게이션 레이블링 챕터' 를 정리해 보았습니다. 네비게이션용 레이블링 뿐 아니라, 용어 레이블링 할때도 적용할 수 있을 수 있을 것 같습니다. 또한 웹사이트 기획 뿐 아니라 다른 디지털 디바이스들에도 적용할 수 있을 것 같습니다. A. 사용자 언어로 말하기 1. 회사 전문 용어를 쓰지 않는다. 회사 전문 용어는 너무 쉽게 웹사이트에 들어가 있습니다. 이러한 전문용어는 사용자에게 도움이 되기보다는 혼란스럽게 합니다. 2. 기술 용어를 쓰지 않는다. 대부분 방문자들은 사이트를 만든 사람만큼 웹 사이..
무선인터넷 제한 상황에서의 모바일 팝업 다이얼로그 메시지 사례 1. 팝업 다이얼로그란? 팝업 다이얼로그는 팝업의 형태로 알림, 혹은 확인, 취소 등을 수행하는 장치입니다. PC 환경에서는 팝업 메뉴가 마우스의 오른쪽을 클릭하면 상황에 따라 나오는 컨텍스트 메뉴를 사용되는 용도, 혹은 선택의 목적으로 사용되어 왔습니다. 모바일 환경에서는 주로 확인의 목적, 혹은 선택의 목적으로 사용되고 있습니다. Designing Interface 책에서는 모달 패널과 팝업 메뉴를 다음과 같이 설명하고 있습니다. 모달 패널 (modal panel) 사용자가 현재 상황에 대한 문제를 해결할 때까지 오직 한페이지만 보여준다. 문제 해결과 관련되지 않은 다른 네비게이션은 할 수 없다. 팝업 메뉴 (pop-up menus) 마우스의 오른쪽을 클릭하거나, 패널이나 아이템에서 이와 유사한 행동..

티스토리툴바