win won with

UI/UX 콘셉트 아이디어 도출하기 UI/UX 개발 과제의 목표 충족을 위하여 사용자 리서 치 결과를 토대로 UI/UX 콘셉트 아이디어를 도출할 수 있다. 프로토타입 제작을 위하여 도출된 아이디어를 분석 하고 UI/UX 개발(제품)에 적합한 아이디어를 선별할 수 있다. 패스트 프로토타입 제작을 위하여 선별된 아이디어 문서화할 수 있다. 요구사항분석(Requirement Analysis) 시스템이나 소프트웨어 요구사항을 정의하기 위해 사용자의 요구 사항을 조사하고 확인하는 과정. 시스템이나 소프트웨어 요구사항의 검증. 요구사항의 도출 : 요구사항이 무엇인지를 파악하기 위해 고객 및 사용자 등 이해관계자와 인터뷰 등을 수행하는 작업. 요구사항의 분석 : 도출된 요구사항이 명확한지를 판단하고 이를 요구사항의 ..

Web/Education 2019. 1. 2. 15:26

리서치 분석하기 Wizard Of Oz (WOZ) 아직 완성되지 않은 특정 시스템을 설계하거나 프로그램의 인터페이스를 설계하고자 할 때, 현실적으로 불가능한 기술이나 상황이 발생 할 경우, 시스템의 목적과 기능에 대한 Task Scenarios를 준비하고 Prototyping을 적용하여 사용자를 위한 보다 발전적인 결과를 도출하는 방법 WOZ 기법에서는 Prototype을 이용한 반복적인 실험을 통해 개선된 프로세스를 가지고 사용자의 니즈에 최대한 부합하거나 관찰을 통해 발견된 문제의 범위를 핵심적인 부분으로 함축시킴으로써 보다 발전적인 결과를 얻을 수 있다. WOZ 방법에서는 두 개의 컴퓨터 시스템 역할이 요구되는데, 하나는 Facilitator로써, 인터페이스의 역할을 담당하고 나머지 하나는 Wiza..

Web/Education 2019. 1. 2. 15:13

맥락 인터뷰 (Contextual Inquiry) 디자이너가 사용자의 공간 안에 들어가서 + 사용자의 행동을 관찰하고 + 공감을 통해 사용자의 숨겨진 니즈를 찾아내는 정성적 조사 방법 컨텍스트에 따라 실시간으로 반응하며 탄력적으로 대응을 해야 하는 열린 조사 방법 Context : 사용자 조사를 할 때 사용자와 사용자의 환경에 가능한 한 가까이 접근해야 한다것을 의미. 약된 경험이나 추상적인 데이터를 구체적인 데이터로 재구성하는데 필수적인 조건 Partnership : 사용자와 진행자를 협력자의 관계로 만드는 것을 의미. Interpretation : 왜?라는 궁금증을 가질 때, 직접적인 질문 대신에 머리 속으로 생각한 가설(Hypothesis)을 공유하는 것 Focus : 인터뷰 진행자가 조사를 하는 ..

Web/Education 2018. 12. 27. 15:22

다이어리 스터디 (Diary Study) 일정 기간 사용자의 행동과 감정을 모두 기록하게 한 뒤 하나 하나 살펴보는 방법. 포토 다이어리(Photo Diary), 셀프 다큐멘터리 스터디(Self Documentary Study) 습관, 사용 시나리오, 태도와 동기, 행동과 인식의 변화, 사용자 여정을 살펴 볼 때 매우 유용한 조사 방법 관찰자가가 동행할 수 없거나 동행을 해서는 안되는, 동행이 조사에 심각한 영향을 줄 경우에 유용한 관찰 기법 사용자의 참여도에 따라 수집되는 데이터의 질이 좌우되므로 피어 쉐도잉의 경우 와 사진에 주변 환경이 최대한 담기도록, 노트에 맥락과 관련한 정보가 최대한 기술되도 록 하는 것과 같은 훈련, 교육이 병행되는 경우도 있음

Web/Education 2018. 12. 27. 15:14

이해관계자 인터뷰 (Stakeholder Interview) 기업에 대해 이해관계를 가지고 있는 사람. 여기서 이해란 사리를 분별하여 해석하는 이해가 아닌 글자 그대로의 이익과 손해를 뜻함. 즉 어떤 구성원의 행동이 다른 구성원이나 집단에 대해서 금전적 및 비금전적으로 바람직한 작용결과로서 이익을 가져오는 경우도 있고, 바람직하지 않은 작용결과로서 손해를 초래하는 경우도 있다. 구성원이나 집단에 대한 그러한 이익 및 손해를 총칭하여 이해라고 함 주주 : 실질적으로는 기업의 소유자로서 회사의 최고의사 결정 기관인 주주총회를 구성하는 구성원 금융업자 : 경영환경 및 경영 의사결정에 큰 영향을 미치는 집단으로, 기업의 자본조달 문제는 그 규모가 엄청나기 때문에 주주에 의존하기보다는 자본시장에서 금융업자의 지원..

Web/Education 2018. 12. 27. 15:05

카드 소팅 (Card Sorting) 사용자들이 제품 내부의 정보와 구조를 어떻게 인식하는지 준비된 카드를 그룹화해서 표현하게 하는 조사 방법 제품의 설계가 사용자들이 생각하는 방식으로 이루어졌는지 검증하기 위해서 사용 설계 단계에서 사용자의 멘탈 모델을 파악하여 제품 설계에 반영하고자 하는 방법 사용자들이 생각하는 제품의 구조와 기능에 대해서 파악 가능 설계 초기에는 열린 카드소팅을 이용하여 다양한 가능성을 확인하고, 설계 진행 중간에는 닫힌 카드소팅을 이용해서 진행중인 설계에 문제가 없는지 파악 열린 카드소팅(Open card sorting) : 참석자들이 카드를 적절한 그룹으로 만들고 거기에 이름을 붙임 닫힌 카드소팅(Closed card sorting) : 미리 그룹을 만들어두고 카드를 적절한 그..

Web/Education 2018. 12. 27. 14:52

사용자 리서치 계획하기 리서치의 목적과 목표 고객, 내용, 범위, 방법, 일정 등을 포함한 리서치 실행계획을 수립할 수 있다. 조사목적과 얻고자 하는 자료의 특성 및 가용시간과 예산에 따라 자체 수행 또는 아웃소싱을 선정할 수 있다. 선정된 국내외 목표 시장 내의 사용자를 대상으로 리서치 내용을 설계하고 리서치 수행을 위한 가이드를 작성할 수 있다. UI 리서치의 필요성 사용자를 이해하지 못하면 이용형태를 파악하기 힘듦 리서치 없이 디자인을 하게 되면 사용자들의 맥락을 무시하게 됨 특정 상황에서 필요한 기능이나 정보를 디자이너의 판단으로 결정할 가능성이 있음 데이터는 모든 것을 말해주지 않기 때문에 사용자의 경험이 필요 내가 생각하는 문제는 사용자가 생각하는 문제와 다른 경우가 다수 처음에 내렸던 가정이..

Web/Education 2018. 12. 24. 11:19

아이콘 폰트 (Icon Font) 아이콘들을 폰트와 비슷한 속성으로 만들어서 마치 폰트처럼 아이콘을 사용할 수 있도록 하는 방법 이미지가 백터 그래픽 형태로 되어 있어, 크기를 늘리든 줄이든 상관없이 선명한 화질을 보장 색상도 일반 웹폰트처럼 CSS에서 color 속성으로 변경 가능 단색으로만 설정 가능 이용법 Font Awesome 사이트 바로가기 DN을 통해서 설치 or 아이콘 폰트를 다운로드받아서 설치 아이콘이 나타나기를 원하는 위치에 사이트에 있는 코드 (예시 참고) 삽입 가능한 기능들 아이콘 크기변경 (Larger Icons) 아이콘 넓이고정 (Fixed Width Icons) 리스트 블릿 변경 (List Icons) 테두리 적용과 좌측 또는 우측 고정 아이콘 (Bordered & Pulled ..

Web/Education 2018. 12. 18. 16:31