IT조아 블로그~ I♥it

과제 개요실습#10에서 제작한 디지털 프로토타입에 대해 실습#11에서 설명하는 휴리스틱 평가를 실시하여 개선할 사항을 도출한다. 각 휴리스틱 침해 사항에 대해서 심각도 평가와 난이도 평가를 한다. 또한 각 팀이 제안한 인터페이스 설계의 전체 작업 과정을 포스터로 작성함으로써, 인터페이스 개선을 위한 여러 단계를 최종 점검한다. 보고서구성 보고서의 구성은 다음과 같다. (표지 포함하여 A4 15쪽 내외, 부록 제외)표지1. 프로젝트 개요 : 목적, 문제점, 해결방안, 실험방법 (1쪽으로 요약)2. 인터페이스 설계 변경3. 디지털 프로토타입 구현 : 작성도구 및 환경, 프로토타입 개요, 미구현 부분4. 대표 시나리오 : 디지털 프로토타입의 화면으로 작성한 스토리보드 포함5. 휴리스틱 평가 결과 : 사용성 침..

과제 개요 지난주 제작한 디지털 프로토타입에 대해 휴리스틱 평가를 수행하여 시스템 인터페이스의 좋은 점과 개선해야 할 점을 파악한다. 휴리스틱 평가는 팀원들 각자가 직접 실시하여, 사용성에 대한 최소 20개 이상의 침해사항(Usability Violations)을 찾는다. 실습 목표 : 닐슨의 10가지 사용성 휴리스틱에 따라 현재 작성 중인 인터페이스를 평가하고 개선할 점을 파악한다.준비물 : 이전 단계에서 작성한 각 시나리오 별 디지털 프로토타입실습 절차1) 휴리스틱 평가를 수행할 평가자를 선정한다.2) 브리핑 세션에서 디지털 프로토타입과 시나리오에 대한 작업지시서를 공유하고 평가 방법을 설명한다.3) 개별적으로 휴리스틱 평가를 실시하고 평가 보고서를 제출받는다.4) 디브리핑 세션에서 평가 결과를 취합..

과제 개요 종이 프로토타입의 제작 및 사용자 테스트를 통해 최종 개선된 시스템 디자인을 인터랙티브 프로토타입으로 구현한다. 본 과제에서는 피그마(Figma) 저작도구를 사용하여 구현하며, 최종 결과물의 웹 링크(URL)를 보고서와 함께 제출하도록 한다. 본 과제의 디지털 프로토타입은 모든 기능을 포함하지 않으며, 대표로 선정한 시나리오대로 작동되는 화면을 보여주는 정도의 단순한 페이지 이동이나 인터랙션만을 포함한다. 실습 목표 : 종이 프로토타입으로 시행한 사용자 테스트를 통해 개선한 UI 디자인을 디지털 인터랙티브 프로토타입으로 구현한다.준비물 : 이전 단계에서 작성한 종이 프로토타입과 사용자 테스트 결과물실습 절차1) 종이 프로토타입 사용자 테스트를 통해 개선한 UI 디자인을 최종 정리한다.2) 디..

비디오 프로토타입의 목적비디오 프로토타입은 일반적으로 종이 프로토타입을 이용하여 사용자의 조작 장면을 시나리오 순서대로 녹화하여 여러 사람이 검토할 수 있도록 제작한 것이다. 비디오 프로토타입의 제작 과정스토리보드를 잘 구성한다면 1시간 이내에도 녹화할 수 있으며 다음과 같은 과정으로 제작하면 된다.사용자 및 작업분석의 결과인 작업목록을 검토사용자 시나리오를 문장으로 작성비디오 녹화를 위한 스토리보드를 작성각 스토리보드 카드 순서대로 비디오 클립을 녹화비디오 프로 토타입 제작 사례종이 프로토타입을 이용하여 작동 과정이나 사용자 테스트 장면을 녹화하여 비디오 클립으로 소개하는 사이트에 가보면, 비디오 프로토타입의 사례를 볼 수 있다. ‘Effective Video Examples of Paper Prot..

과제 개요실습#9에서 제작한 종이 프로토타입에 대해 실습#10에서 설명하는 사용자 테스트를 실시하고 그 결과를 반영하여 종이 프로토타입을 반복적으로 개선한다.보고서 구성 (표지 포함하여 A4 20쪽 내외, 부록 제외)표지1. 프로젝트 개요 : 목적, 문제점, 해결방안, 실험방법 (1쪽으로 요약)2. 종이 프로토타입 작성 개요3. 시나리오별 종이 프로토타입4. 사용자 테스트 실험 및 결과 : 참여자 정보, 시나리오별 작업지시서, 역할 배분표, 진행 결과 요약5. 해석 및 토론 : 문제 목록, 토론부록1. 상세 종이 프로토타입 이미지 (필요시)부록2. 테스트 참여자별 관찰 기록지, 실험 참여동의서* 보고서에 대한 상세 설명은 교재 9.3절과 10.3절을 참조한다. 발표자료 작성 및 발표발표자료는 보고서의 내..

과제 개요지난번 작성한 종이 프로토타입에 대해 사용자 테스트를 실시하고, 그 결과를 반영하여 프로토타입을 수정한다. 계획을 수립하고 작업지시서, 관찰기록지 등을 준비하여 사용자 테스트를 실시한다. 테스트 결과는 해석세션 회의에서 검토하여 심각도 순위를 할당한다.실습 목표각 시나리오 별로 작성한 종이 프로토타입에 대해 사용자 테스트를 실시하고, 테스트 결과를 반영하여 프로토타입을 수정한다.준비물- 각 시나리오 및 시나리오 별 종이 프로토타입- 각 시나리오별 작업지시서, 모의 테스트를 위한 데모 스크립트- 사용자 목록 및 실험동의서, 태스크 별 관찰기록지실습 절차1) 사용자 테스트를 위한 계획을 수립하고, 모의실험 등 사전 준비를 수행한다.2) 종이 프로토타입을 실제 사용자를 대상으로 테스트한다.3) 테스트..

과제 개요 이번 과제에서는 UI 설계의 초기 단계에서 Low-Fi 프로토타입이 어떻게 활용되는지 이해하는 것이 목적이다. 각 팀에서 개선하고자 하는 시스템의 대표 시나리오로 선정한 5~6개의 활동 시나리오에 대한 종이 프로토타입을 작성한다. 각 시나리오에 따른 프로토타입을 개별적으로 제작하여 사용자 테스트를 준비한다.실습 목표앞에서 작성한 시나리오에 대해 종이 프로토타입을 작성한다. 시나리오 중 몇 개에 대해 종이 프로토타입을 만들어 사용자 테스트를 준비한다.준비물 : 앞 단계에서 작성한 시나리오와 스토리보드실습 절차 : 종이 프로토타입의 제작 실습은 다음의 세 단계로 진행한다. 본 장에서는 2단계 실습까지만 진행하고 3단계의 평가 및 수정은 다음 장에서 실습한다.1) 준비 단계 : 반복 회차를 계획하고..

과제 개요실습#7의 아이디어 도출과 페르소나, 실습#8의 시나리오와 스토리보드 작성 과정을 수행하여 아이디어 도출 및 구체화 과정을 실습한다. 최종적으로 제안하는 사용자 인터페이스의 대략적인 모습과 시나리오를 작성함으로써 작업분석과 도출된 아이디어가 UX 디자인 과정에 어떻게 활용되는지 이해한다. 그 결과를 보고서와 발표자료 형태로 작성하고 수업시간에 발표한다.보고서 구성 (표지 포함하여 A4 20쪽 내외, 부록 제외)표지1. 프로젝트 개요 : 목적, 문제점, 해결방안, 실험방법 (1쪽으로 요약)2. 아이디어 도출 과정 : 초기 작업목록, 브레인스토밍 과정, 작업목록(개선안 반영)3. 페르소나 작성 : 사용자 그룹과 페르소나 목록, 개별 페르소나 설명4. 페르소나별 시나리오 행렬표 : 시나리오 목록, 시..

과제 개요앞서 진행한 작업분석과 브레인스토밍 결과를 토대로 시나리오와 스토리보드를 작성한다. 작업목록 및 페르소나를 대상으로 대표 작업을 난이도가 골고루 분포되도록 선택하고 (난이도 혹은 복잡도 상,중,하 각 2개 이상씩), 시나리오 행렬표를 작성하여 시나리오 구성이 적절한지 검토한다. 최종 정리된 대표작업에 대해 시나리오와 스토리보드를 작성한다.실습 목표앞 장에서 작성한 개선된 작업목록과 페르소나를 기반으로 하여 시나리오와 스토리보드를 작성한다. 시나리오에서는 사용자 인터페이스의 논리 흐름을 텍스트로 표현하고, 스토리보드에서는 인터페이스의 시각적 흐름을 스케치로 나타낸다. 준비물 : 개선된 작업목록, 페르소나실습 절차1) 시나리오 선정을 위해 페르소나별로 해당하는 작업을 할당한 시나리오 행렬표를 작성한..

과제 개요작업분석 결과로 작성된 작업목록에서 문제점을 정리하고, 브레인스토밍 방식으로 문제점에 대한 해결방안 혹은 개선안을 도출한다. 문제점에 대해 HMW 질문을 진행하고 브레인라이팅 방식으로 아이디어를 확장한 후 수렴과정을 거쳐 개선안을 마련한다. 그리고 앞서 수행한 맥락질의 인터뷰를 포함하여 사용자 연구 과정에서 수집한 정보를 토대로 사용자 목록을 다시 정리하고, 각 그룹을 대표하는 대표 사용자를 선정하여 페르소나 목록으로 작성한다.아이디어 도출을 통한 작업목록의 개선안 작성 실습실습 목표앞 장에서 수행한 작업분석 결과인 사용자 목록과 작업목록을 바탕으로 브레인스토밍 기법을 통해 문제점에 대한 해결방안 혹은 개선안을 도출한다.준비물 : 사용자 목록, 작업목록실습절차 작업목록에서 도출된 요구사항으로부터..