'UI + Visual'에 해당되는 글 2건

  1. 2012.03.19 Pitango - Urban Bikes
  2. 2011.06.25 A COLLECTION OF PRINTABLE SKETCH TEMPLATES AND SKETCH BOOKS FOR WIREFRAMING




http://bpitango.co.il/

이스라엘의 커스텀 바이크 온라인 몰. 유저에게 필수적인 항목 외엔 그 어떠한 기능도 제공하지 않는다.
그리고 그러한 UX 컨셉이 UI와 Visual에도 그대로 반영되어 몇가지 메뉴만 클릭해보면
이 사이트가 어떤 메시지를 전달하고자 하는지 알아 챌 수 있다. 

반면 독일의 유사한 온라인 몰



이스라엘 사이트는 고객들이 자신의 바이크를 만드는데 있고 쉽고 단순한 반면,
독일 사이트는 디테일하게 선택할 수 있지만 복잡하다.

각 사이트를 찾는 고객들에 대한 마케팅 관점의 Segmentation에 대한 정보 없이
섣불리 한 쪽의 사용성이 더 좋다고 말할 순 없다.

이러한 Segmentation이 선행되지 않았다면 그것이 더 큰 문제일 것이다.
웹사이트를 리뉴얼 했는데 매출이 늘지 않는 이유가 단순히 웹사이트의 사용성 때문이라고
단정지어 질 수 있기 때문이다.

자, 그렇다면 우리의 현실은?









신고
Posted by 히로아빠


널리 알려져 있듯이 UI디자인 작업에 앞서 와이어프레임 및 목업 작업을 통해
사용성을 테스트하는 것은 매우 중요한 과정입니다.

이를 위해 전용 목업 소프트웨어를 사용하는 것도 좋은 방법이지만, 
현재 근무중인 회사처럼 마케팅, 기획, 운영, 개발 등의 협업이 중시되는 조직에서는
이런 소프트웨어의 사용이 아이디어 공유에 있어 허들로 작용하기도 합니다.

특히 속도전이 필요한 실무 작업에서 기존의 전형적인 프로세스를 단축하고자,
비디자이너들에게 본인들의 아이디어를 와이어프레임의 형태로 구체화 해 오라고 하면
바로 울상 짓는 표정을 쉽게 보게 됩니다.

이때 디자이너들이 그들에게 제시할 수 있는 방법 중 하나가
와이어프레임을 직접 손으로 스케치 할 수 있는 출력용 폼을 제공하는 것입니다.

아래 링크를 통해 4가지 그룹의 출력폼에 대해 확인해 볼 수 있습니다.

http://www.geekchix.org/blog/2010/01/03/a-collection-of-printable-sketch-templates-and-sketch-books-for-wireframing/



- 웹사이트를 위한 출력용 스케치 템플릿



- 모바일 어플리케이션을 위한 출력용 스케치 템플릿



- 스케치북



- 자신만의 스케치 템플릿 만들기




이를 통해서 디자이너는 마케팅, 기획, 운영, 개발 파트의 전문가들이 생각하는 
서비스의 방향을 파악할 수 있는 동시에 다양한 영감을 얻을 수 있습니다.
그리고 이는 바로  UI + 비주얼 디자인 작업에 반영되어 효율적인 프로젝트 관리를
가능하게 해 줄 것입니다.









 
신고
Posted by 히로아빠
이전버튼 1 이전버튼

블로그 이미지
Design for design
히로아빠
Yesterday3
Today0
Total8,109

최근에 받은 트랙백


티스토리 툴바