콘텐츠 기획하기 콘텐츠 기획 - 사용자의 니즈(needs)와 제공하는 콘텐츠 간의 갭(gap)을 분석할 수 있다. - 갭 분석한 결과를 토대로 콘텐츠의 방향성을 결정할 수 있다. - 갭 분석한 결과에 의해서 결정한 콘텐츠 방향성에 따라서 주요 콘텐츠 수급 계획을 수립할 수 있다. 어피니티 다이어그램(affinity diagram) 어피니티 다이어그램은 파편화되고 불명확한 방대한 정보를 논리적이고 응집력 있는 그룹으로 조직화하고 분류하는 기법이다. 이 기법의 결과물로는 제한된 그룹의 수이며, 기대하는 목적은 보다 더 좋은 아이디어를 발굴하거나 문제를 좀 더 이해하는 것이다. 1. 어피니티 다이어그램 활용 유형 크게 3가지 유형에서 어피니티 다이어그램을 활용한다. 아이디어 도출이 목적인 브레인스토밍 세션 문..

기능(Feature) 리스트 도출하기 기능(Feature) 리스트 도출 - UI 설계를 위하여 작성된 시나리오에 따라 기능을 도출할 수 있다. - 도출된 기능에 대해서 우선순위 기준을 수립하여 주요 기능을 선별할 수 있다. - 우선순위 기준에 의해서 선별된 주요 기능의 상세한 내역을 작성할 수 있다. 최소 기능 제품(Minimum Viable Product, MVP) MVP는 리스크나 투자 대비 최적의 성과를 창출할 수 있으면서, 사용자에게 핵심적인 기능을 최소화하여 제공할 수 있도록 정의하는 방식이다. 해당 용어는 프랭크 로빈슨(Frank Robinson)이 정의하였고, 스티브 블랭크(Steve Blank)와 에릭 리이스(Eric Ries)가 대중화시켰다. MVP는 무조건적으로 적은 기능만을 정의하는 ..

UI/UX 콘셉트 도출하기 UI/UX 콘셉트 도출 - 도출된 아이디에이션(Ideation)의 프로토타입 검증 결과에 따라서 확정된 UI/UX 콘셉트를 결정할 수 있다. - 도출된 UI/UX 콘셉트를 반영하여 목표 고객인 페르소나(persona)를 추출할 수 있다. - UI 설계를 위해서 UI/UX 콘셉트에 적합한 시나리오(scenario)를 작성할 수 있다. 페르소나(persona) 페르소나는 사용자의 목적(goals)과 행동(behaviors)을 대표하는 실제 타깃 사용자 그룹을 가상의 캐릭터(artificial person and archetypical users)로 형상화하는 목적 지향적인(goal-directed) 인터랙션 디자인의 방법이다. 핵심적인 캐릭터의 구성요소는 니즈(motivations..

HTML5의 입력양식 - HTML의 새로운 제출양식 1 input types 사용자로 하여금 의도하는 정도만을 입력하도록 규제하는 기능입니다 color : 색상을 쉽게 선택 할 수 있습니다. date : 날짜를 입력하는 화면이 뜹니다 datetime : 서버쪽으로 데이터가 전송 될 때 국제표준시라는 방식으로 전송이 됩니다 datetime-local : 현재 살고있는 지역에 해당되는 시간으로 전송이 됩니다 email : 이메일 정보만 쉽게 입력할 수 있게 강제하는 타입입니다 month : 월을 지정합니다 number : 숫자 range : 어떤 숫자의 범위 (1~10까지)를 슬라이드로 움직이면서 지정할 수 있습니다 search : 검색하는 입력창 (검색 기능) tel : 전화번호와 관련 time : 시간 ..

Can I use Can I use 사이트 - 목적 : 새롭게 도입된 기술은 오래된 웹브라우저에서 동작하지 않습니다. 결국 얼마나 많은 웹브라우저가 이 기술을 사용할 수 있는가에 따라서 신기술의 도입 여부를 결정해야 합니다. Can I use는 이런 결정을 할 때 도움을 주는 서비스입니다. -여러가지의 태그들이 각각의 웹 브라우저에서 지원되는지 알려주는 사이트입니다. - 사이트 : can i use Can I use 사이트 사용법 초록색 = 지원함 빨간색 = 지원하지 않음 노란색 = 부분적으로 지원함 회색 = 지원여부를 아직 모름

비디오 - video - 목적 : 웹페이지에 비디오를 삽입하기 위한 태그인 video의 사용법을 알아봅니다. - 등장시기 : HTML5 video 태그 플래시와 같은 플러그인 없이도 비디오를 표현하고 제어할 수 있습니다. video 태그 쓰는 법 일단 원하는 동영상을 저장합니다. 코드 작성