마빈의 라이프 스타일

3. 사용성 테스트 계획서 작성 사용성 테스트 프로세스에 대해 익혔으면 가상의 프로젝트를 정하고 프로젝트에 맞는 사용성 테스트 계획서를 작성해보자. 일반적인 사용성 테스트 계획서의 항목으로는 다음과 같은 것이 있으며 다음 내 용들을 각 테스트에 맞게 조절하여 작성한다. 01. 사용성 테스트 계획서 항목 ① 전체적인 목적: 테스트를 수행하는 전체 목적에 대하여 기술한다. ② 사용자 인물 정보: 어떠한 사용자를 참여시킬 것인지에 대한 조건을 나열한다. 예) 타겟 시장, 나이, 인터넷 사용 능력, 사이트 접속 횟수, 제품 구매 횟수, 특정 기능에 대한 학습 능력 등 ③ 태스크 항목 선정: 테스트 목적에 부합하는 태스크 항목을 선정한다. ④ 필수 질문 사항: 과제에 포함되어야 하는 주요 이슈를 정리한다. 예) ..

기획이란?? 2024. 3. 30. 08:06

목차 1. 사용성 테스트 개요 2. 사용성 테스트 프로세스 01. 사용성 테스트 과정 02. 유용성을 위한 웹 인터페이스 3. 사용성 테스트 계획서 작성 01. 사용성 테스트 계획서 항목 1. 사용성 테스트 개요 사용성 테스트는 유저가 사이트를 사용하는 패턴을 직접 관찰하면서, 더 나은 사이트를 만들기 위한 단 서를 찾아내는 과정이다. 사용성 테스트는 일반적으로 프로젝트의 초반에 하는 것이 훨씬 효과적이다. 문제점을 발견했을 때 쉽 계 개선할 수 있기 때문이다. 또한 프로젝트의 진행 단계와 함께 반복적으로 이루어져야 하는 작업이기 도 하다. 그러나 굳이 한꺼번에 많은 사람을 투입할 필요는 없다. 최고의 유저빌리티(usalbilitsy) 전문가로 꼽히는 제이콥 닐슨(jakoh Nielsen) 박사의 실험 ..

기획이란?? 2024. 3. 26. 12:45

목차 1. 웹에서의 사용자 중심 디자인 01. 사용자 중심 디자인이란? 02. 유용성이란? 2. 인터페이스 디자인에서의 유용성 01. 인터페이스 디자인의 정의 02. 유용성을 위한 웹 인터페이스 Preview 원 사이트를 이용하면서 웹 사이트가 편리하거나 또는 불편하다고 생각되었던 경험이 있을 것이 다 그 이유는 여러 가지가 있을 수 있지만 웹 사이트를 구성하고 있는 인터페이스가 웹 사이트 를 사용하는 데 도움을 주거나 방해가 되기 때문이기도 하다. 우리가 웹 사이트를 이용할 때 이용하기 편하다고 느끼는 경우는 우연히 일어나는 일이 아니다. 즉, 사용자에게 도움을 주는 인터페이스는 웹 디자이너가 기술뿐만 아니라 사람들에 대해서도 이 해하고 있을 때에만 이루어 질 수 있다. 좋은 웹 디자인은 누가 웹 사이..

기획이란?? 2024. 3. 26. 12:44

4) 원격 제어 네비게이션 요소 테이블이나 인덱스, 사이트 맵과 같은 원격 제어 네비게이션 요소들은 콘텐츠에서 따로 떼어내어 제공 되기 때문에 제3자적인 관점을 제공하는 데 유용하다. 메인 브라우저 창의 외부로 새로 디스플레이되 거나, 분리된 윈도우, 또는 자바를 이용한 제어 등의 원격 네비게이션 요소들은 점차적으로 많이 사용 되고 있다. 원격 제어 네비게이션 요소(Remote Navigation Blements)는 네비게이션의 보조적인 방법을 제공 하여 웹 사이트 콘텐츠로의 접근을 강화시켰다. ● 내용 목록 내용 목록(Table of Contents)이나 인덱스는 인쇄 매체의 목차의 역할과 비슷하다. 이러한 기능은 오랜 세월을 거쳐 유용성이 확인되고, 많은 사람들에게 친숙하다는 장점이 있다. 인쇄물의 ..

기획이란?? 2024. 3. 26. 12:31

계층구조를 만들기 위해서는 두 가지 방식을 병행하는 것이 좋다. 탑 다운(Top-Down) 방식과 바텀업(Bottom-Up) 방식이다. 탑 다운 방식은 위에서부터 아래로, 바텀 업 방식은 아래에서 위로 사이트 의 골격을 만들어 간다. ● 탑 다운 방식 탑 다운 방식은 위에서부터 필요한 내용을 결정해 하부구조를 만들어 간다. 이때 필요한 내용은 비 즈니스와 유저의 요구에서 파생된다. 전반적인 사이트의 목표와 전략을 수립하고 이를 충족시킬 수 있는 요소들을 붙여 나간다. ● 바텀 업 방식 바텀 업 방식은 역으로 개별 콘텐츠 요소들의 관계를 파악하고 분류하여 상부구조를 만들어 간다. 이때 분류한 그룹의 이름을 붙이는 작업을 레이블링 작업이라고 한다. 사이트의 구조를 설계할 때는 이 두 가지 방식을 함께 사용한..

기획이란?? 2024. 3. 26. 12:19

02. 사이트구조 다음은 웹사이트 기본 구조이다. 계열구조 Sequential Structure 계층구조 Hierarchical Structure [출처: https://www.businessnewsdaily.com/15798-types-of-organizational-structures.html] 그리드 구조 grid structure [출처: https://developer.mozilla.org/ko/docs/Learn/CSS/CSS_layout/Grids] 네트워크 구조 Net-Like Structure [출처: https://www.researchgate.net/figure/The-schematic-diagram-of-the-neural-network-like-structure_fig4_35636..

기획이란?? 2024. 3. 26. 11:50

● 혼합 콘텐츠 체계 여러 개의 콘텐츠 체계(작업지향, 은유기법, 사용자별, 주제별 등)를 혼합하여 사용한 방법이다. 이런 혼합 콘텐츠 체계는 웹 사이트에서 흔히 발견할 수 있다. 다양한 콘텐츠 체계들이 하나의 페이지에 서 제공되어야 한다면, 각각의 체계들로 구성된 콘텐츠들을 나름대로 일관성있게 유지할 수 있도록 구성하는 것이 중요하다. 상단의 사용자별 분류와 좌측의 주제별 분류, 사용빈도에 따라 자주찾는 서비스를 묶어 놓은 분류 방법 등을 사용하고 있다. ● 중요성과 사용빈도에 따른 콘텐츠 체계 웹 사이트 제작의 초기 단계에서 내용 분석을 철저하게 하면 어떤 데이터가 사용자에게 다른 것보다 더 중요하며 자주 사용될 것인지를 예측할 수 있다. 이러한 경우에 더 중요한 구성요소를 눈에 띄는 위치에 두어야 ..

기획이란?? 2024. 3. 26. 11:19

목차 1. 정보 설계의 정의 2. 콘텐츠 체계화 01. 명확한 콘텐츠 체계 02. 모호한 콘텐츠 체계 03. 경쟁사 벤치마킹 04. 콘텐츠 분류 방법 3. 정보 설계의 요소 01. 정보구조 02. 사이트구조 03. 네비게이션 시스템 04. 레이블링 시스템 Preview 일반적으로 웹 디자인은 편집 디자인의 연장선에서 접근하는 경우가 대부분이다. 그러나 웹은 책 이나 잡지와 같은 인쇄물과는 본질적으로 그 구조가 다르다. 우리는 인쇄물을 처음 대하는 순간 거기에 담긴 정보가 어느 정도의 볼륨을 가지고 있는지를 직감적으로 느낄 수 있다. 그리고 그 구조는 목차를 통해 짧은 시간에 파악할 수 있다. 그러나 처음 만난 사람을 그 사람의 외모로 지식 수준이나 인간 관계를 파악할 수 없듯이 어떤 웹 사이트에 접속하여..

기획이란?? 2024. 3. 26. 10:32