UIpac
웹사이트 화면설계서 템플릿 만들기
기획 일을 시작하고 가장 먼저 부딪힌 것이 화면설계서였습니다.선배들의 문서를 보면 형식이 다 달라서, 무엇을 써야 하는지 감이 잘 안 잡혔어요.그래서 제가 직접 쓸 수 있는 템플릿을 만들어 보기로 했습니다.아직 배우는 중이라 완벽하다고 할 수는 없고, 지금까지 정리한 구성을 적어 봅니다. 화면설계서는 디자이너와 개발자에게 이 화면이 무엇이며 어떻게 동작해야 하는지를 전달하는 문서입니다.그림만 있으면 동작이 비고, 글만 있으면 화면이 안 그려지기 때문에 둘이 한 장에 같이 있어야 해요.읽는 사람마다 필요한 것도 조금씩 다릅니다.디자이너는 어떤 요소가 어디에 필요한지, 개발자는 어떤 조건에서 무엇이 바뀌는지, 검수하는 사람은 어떤 상태가 정상인지를 찾아봅니다.이 세 시선을 한 문서에 담는 것이 템플릿의 목표..
상호작용 설계의 기본
기획을 배우면서 "상호작용 설계"라는 말을 자주 접하는데, 처음에는 무슨 뜻인지 막연했습니다.화면을 예쁘게 그리는 일과는 다른 것 같고, 그렇다고 개발 이야기도 아니었어요.책을 읽고 선배들의 설명을 들으며 제 나름대로 정리한 기본 개념을 적어 봅니다.아직 초보의 정리라는 점은 감안해 주세요. 제가 이해한 상호작용 설계는 사용자와 시스템이 주고받는 대화를 설계하는 일입니다.사용자가 무엇인가를 하면 시스템이 응답하고, 그 응답을 보고 사용자가 다시 무엇인가를 하는 순환이에요.대화라고 생각하면 좋은 점이 있습니다.말을 걸었는데 상대가 아무 반응이 없으면 불안하고, 엉뚱한 대답이 돌아오면 당황하게 되잖아요.화면도 마찬가지로 사용자의 행동에 알맞은 반응이 돌아와야 안심하고 다음 단계로 갑니다. 대화에는 목적이 있..
정보설계의 기본, 분류와 이름 짓기
서비스에 콘텐츠나 기능이 많아질수록 "이걸 어디에 두지?"라는 고민이 늘어납니다.메뉴를 만들 때마다 팀원마다 생각이 달라서 회의가 길어지기도 했어요.그래서 정보설계의 기본을 공부하며 분류와 이름 짓기를 중심으로 정리해 보았습니다.아직 배우는 단계라 용어는 제 방식으로 풀어서 썼습니다. 정보가 아무리 많아도 사용자가 찾지 못하면 없는 것과 같습니다.정보설계는 정보를 어떻게 묶고, 어떤 이름을 붙이고, 어떤 길로 이동하게 할지를 정하는 작업이라고 이해했어요.크게 세 가지를 같이 생각합니다.조직화: 정보를 어떤 기준으로 묶을 것인가라벨링: 묶음과 항목에 어떤 이름을 붙일 것인가탐색: 사용자가 그 사이를 어떻게 오갈 것인가세 가지는 따로따로가 아니라 서로 얽혀 있습니다.분류가 흐릿하면 이름을 아무리 다듬어도 헷..
인터렉션/트랜지션 디자인 참고 사이트 모음
UI 애니메이션 capptivate.cohttp://capptivate.co/ useyourinterfacehttp://useyourinterface.com/ sixuxhttp://sixux.com dribbblehttps://dribbble.com/shots?list=animated giphyhttp://giphy.com/ 트랜지션(Transition) 패턴 예제 tympanushttp://tympanus.net/Development/PageTransitions/http://tympanus.net/Tutorials/CaptionHoverEffects/index.html Effeckthttp://h5bp.github.io/Effeckt.css/ animatehttp://daneden.github.io/a..
메타포 설계 (시스템 설계 1단계)
우선 시스템 설계를 위해서 가장 먼저 행해지는 일은 메타포(metaphor)에 대한 설계입니다. 일단 메타포를 설계한다고 하면 조금 의아해하시는 분들이 계실듯합니다. 이 단계에서는 개발 목표로 하고 있는 시스템을 목표 영역이라고 했을 때에 그 시스템을 한 번도 사용해 보지 않은 사용자들이 그 시스템이 어떤 것이라는 것을 쉽게 이해할 수 있도록 사용자들이 이미 익숙해져 있는 개념을 원천 영역으로 선정하고, 그 둘 간의 연관 관계를 명확하게 보여주는 과정이라고 할 수 있습니다. 메타포의 정의 우선 메타포(metaphor)에 대해서 알아보겠습니다. 일반적으로 메타포라고 하는 것은 다른 대상을 통해서 특정 대상을 이해하거나 경험하는 행위라고 할 수 있습니다. 즉, 사용자가 아직 경험해 보지 못한 대상을 사용자가..
기획자의 필수품 파워목업 (Powermockup)
http://www.powermockup.com/ 오늘은 기획자의 필수품? 파워목업에 대해서 말씀드리겠습니다. 기획자는 화면을 설계할 때 다양한 화면들을 그려야 하는 수고가 있습니다. 쉽게 그릴 수 있는 화면이 있는가 반면 어렵고 귀찮은 작업을 욕하는 항목들도 있지요. 이러한 수고를 덜어 주도록 만들어진게 파워목업이라고 보시면 될듯합니다. 우선 파워목업의 다양한 기능들에 대해서 알아 보겠습니다. 1. 파워목업에서는 다양한 오브젝트를 제공하고 있습니다. 이러한 오브젝트를 이용해서 화면 설계를 쉽게 할 수 있도록 하는 것이지요. 2. 그러한 오브젝트들을 더욱 빠르게 이용할 수 있도록 라이브러리에서 검색하는 기능도 제공하고 있지요. +_+ 3. 이러한 라이브러리에는 자신이 원하는 오브젝트를 만들어 추가할 수 ..
효과적인 시스템 설계를 위한 4단계
우리는 모두가 안정적이고 뛰어난 시스템(소프트웨어, 디지털 콘텐츠 등)을 만들고 싶어 할 것입니다. (물론 뛰어나고 안정적이라는 말은 사용성을 고려한 시스템을 말하는 것입니다.) 이러한 시스템을 만들 때는 다양한 분석과 접근 방법이 필요한데 보통 아래와 같이 4단계에 입각하여 설계를 하게 됩니다. 1. 메타포 설계우선 시스템 설계를 위해서 가장 먼저 행해지는 일은 메타포(metaphor)에 대한 설계입니다. 일단 메타포를 설계한다고 하면 조금 의아해 하시는 분들이 계실듯합니다. 이 단계에서는 개발 목표로 하고 있는 시스템을 목표 영역이라고 했을 때에 그 시스템을 한 번도 사용해 보지 않은 사용자들이 그 시스템이 어떤 것이라는 것을 쉽게 이해할 수 있도록 사용자들이 이미 익숙해져 있는 개념을 원천 영역으로..
웨어러블 디바이스를 위한 VUI
얼마전 프로젝트에서 음성인식을 통한 상품 결제 기능을 도입하게 되면서 음성 인터페이스에 대한 궁금증이 생겨서 정리해봤습니다. 현재 웨어러블 시장이 지속적으로 성장하고 있으며 이러한 시장 성장속에서 다양한 웨어러블 디바이스가 등장하고 있습니다. 웨어러블 디바이스는 기존의 GUI방식으로는 컨틀롤 하기 어려운데요.. 이러한 문제점을 해결하기 위한 내용이 VUI 즉, Voice User Interface 입니다. VUI는 음성을 통해서 다양한 디바이스를 컨트롤 할 수 있으나, 아직 기술적인 한계로 많은 불편함이 있죠. 그러면 현재의 시장 상황과 VUI를 어떻게 설계하는 것이 좋은 것인가에 대해서 정리해 보겠습니다. 현재 웨어러블 시장은 지속적으로 성장하고 있으며 ABI 리서치에 따르면 2018년 까지 매년 48..
제안서 작성 프로세스
제안서에 대한 팀 구성이 완료 되었다면 더욱 좋은 제안서를 위해 꼼꼼한 일정 계획이 필요합니다. 꼼꼼한 일정 계획은 좋은 품질 확보라는 성과를 내도록 하는 역할을 하는데 이렇나 일정 계획은 제안팀원 개개인이 해야 할 일과 시점을 세부적으로 지시하고 이를 관리함으로써 제안 작성의 품질을 확보하는 것입니다. 기본적인 제안 일정은 아래와 같은 순서로 진행되며 제안서 제출일과 발표일을 기준으로 거꾸로 일정 계획을 수립하면 됩니다.
마음에 드는 노래 모음 (2015.12.10 업데이트)
마음에 드는 노래 모음 어땟을까 - 싸이all for you - 서인국Back At One - Brian McknightDream - Priscilla AhnDream - 제이Empire State Of Mind Broken Down - Alicia KeysFly Me To The Moon - OliviaIt's Amazing - JemMaps - Maroon 5Now York City - Peter Malick GroupPandora - 카라River Flows In You - Jasper ForksSecond First Date - DJ AKISlow motion - karinaEverlasting Gentle Thought - 유키 구라모토
눈길을 사로잡는 이력서의 여섯 가지 특징
눈길을 사로잡는 이력서의 여섯 가지 특징 성과 지향형이력서에서 실제로 무엇을 햇는지를 강조해야 됨책임 지향적 : '새루운 시장 분석과 잠재적인 중국 시장 진입을 위한 전략 수립' 성과 지향적 : 중국에서 ○○○제품 진출 전략 주도, 성공적으로 CEO를 설득하여 기업 시장에 재집중해 순이익을 7% 증가시키는 성과를 거둠 정량화된 결과성과를 정량화 하여 자신이 회사에 얼마나 기여 했는지를 표현원본 : '버그 보고 프로그램을 구현해 그 결과를 활용, 소프트웨어 충돌 원인이 되는문제 중 가장 주요한 문제 세 가지 수정'새로 정량화 : '버그 보고 프로그램을 구현하고 그 결과 자료를 활용해 소프트웨어 충돌 원인 중 가장 큰 문제 세가지를 수정함으로써 고객 지원 문의 전화 건수 45% 감소' 정확한 대상을 공략하라..