본문 바로가기

UX/Story

(62)
Daumkakao Oven (beta) 이번에 간단하게 소개 드릴 기획 서비스는 Oven 이라는 서비스인데요... 이번에 다음카카오의 플랫폼기술팀에서 제공하는 연구실 프로젝트로, 모바일 크리에이터를 위해서 새롭게 오픈하여 베타테스트를 하고 있습니다. Oven일단 Oven의 모든 서비스는 프로토타이핑이라는 목적에만 맞다면 용도에 관계없이 자유롭게 사용할 수 있다고 하네요. 이러한 Oven 서비스는 다양한 기능들을 가지고 있는데요. 간단하게 정리되어 있는 핵심 포인트가 사이트에 올라와 있어서 함께 첨부합니다. 우선 간단한 가입 과정을 거치고 로그인을 하게 되면 프로젝트들을 관리할 수 있는 대시 보드가 먼저 나옵니다. 이 곳에서 간단한 개인 정보 설정 및 다양한 프로젝트들을 관리하고 공유할 수 있습니다. 우선 테스트를 위해서 신규 프로젝트를 하나 ..
페럴랙스 스크롤 요즘 반응형 웹기획과 함께 페럴랙스 스크롤 형태의 사이트들이 많이 늘어 나고 있습니다. 우선 페럴랙스 스크롤 이라는 것에 대해서 알아보겠습니다. 페럴랙스 스크롤(Parallax scrolling) 은 원래 게임이나 애니메이션과 같은 곳에서 사용하는 기법으로 오브젝트 간 시간 차이를 통해서 조금 더 역동적으로 화면을 표현하던 기법입니다. 이러한 기법이 CSS3와 HTML5 가 등장하면서 2011년부터 웹에 적용되어 점차 확대 되어 가고 있는 추세입니다. 2013년 Purdue University 의 연구에 따르면 페럴랙스 스크롤 기법은 UX 측면에서 새로운 경험을 제공하여 특정 측면의 향상을 가져오지만 반드시 UX 적인 향상을 가져오지는 않는다고 하였습니다. 이러한 페럴랙스 스크롤 웹사이트의 가장 큰 장점..
웹사이트 모듈 디자인 가이드 보호되어 있는 글입니다.
[템플릿] 모바일 사이트 화면설계서 (2014.10.13) 기획을 어느 정도 하시고 화면들을 많이 작성해보신 분은 자신만의 템플릿을 가지고 있고 처음 모바일 화면을 설계 하게 되면 간단한 화면들이라고 해도 자신이 필요로 하는 화면을 직접 그리는데 시간을 많이 소비하게 됩니다. 물론 숙련된 기획자의 경우 자신만의 템플릿을 보유하고 있어 훨신 짧은 시간에 다양한 화면들을 작성할 수 있지요. 이번에는 모바일 화면을 처음 설계 하시는 분들을 위해서 제가 사용하고 있는 간단한 템플릿을 공유해 드립니다. (아직 정리 중이라 완성도가 떨어지는 점 이해 부탁 드려요..ㅠ_ㅠ) 물론 이 템플릿이 절대적인게 아니니 참고 하셔서 자신의 템플릿을 만드시는 것을 추천해드려요. 이제 파일에 대한 간단한 설명을 첨부합니다. 화면에서 기본적으로 사용하는 버튼과 이미지, 셀렉트 박스등을 정리..
여행사 애플리케이션 비교 보호되어 있는 글입니다.
애플리케이션 화면설계서 템플릿 v0.5 보호되어 있는 글입니다.
모바일 사이트 화면설계서 템플릿 v0.3 보호되어 있는 글입니다.
메타포 설계 (시스템 설계 1단계) 메타포 설계 (시스템 설계 1단계) 우선 시스템 설계를 위해서 가장 먼저 행해지는 일은 메타포(metaphor)에 대한 설계입니다. 일단 메타포를 설계한다고 하면 조금 의아해 하시는 분들이 계실듯합니다. 이 단계에서는 개발 목표로 하고 있는 시스템을 목표 영역이라고 했을 때에 그 시스템을 한 번도 사용해 보지 않은 사용자들이 그 시스템이 어떤 것이라는 것을 쉽게 이해할 수 있도록 사용자들이 이미 익숙해져 있는 개념을 원천 영역으로 선정하고, 그 둘 간의 연관 관계를 명확하게 보여주는 과정이라고 할 수 있습니다. 메타포의 정의우선 메타포(metaphor)에 대해서 알아 보겠습니다. 일반적으로 메타포라고 하는 것은 다른 대상을 통해서 특정 대상을 이해하거나 경험하는 행위라고 할 수 있습니다. 즉, 사용자가 ..