UI.UX DESIGN/UI 아키텍쳐 설계 5

UI 아키텍쳐 설계

태스크 플로우 작성하기 태스크 플로우 작성 사용자가 이용하는 서비스에 대하여 경험 경로 및 과정을 예측할 수 있다. 모든 화면들이 시나리오 흐름과 옵션에 따라 어떤 경로를 갖게 되는지 작성할 수 있다. 각 흐름에 따라서 태스크 플로우(Task Flow)를 작성할 수 있다. 사이트맵과 태스크 플로우 사이트맵 정의 웹사이트의 특정 영역을 대표하는 페이지들을 시각적으로 보여주는 것을 의미한다. 회사 조직도처럼 생겼으며 사이트의 수직적인 구조를 보여준다. 태스크 플로우 정의 사용자들이 웹사이트를 항해하는 중 취하는 경로나 과정을 보여준다. 사용자의 옵션이나 경로를 상세히 보여주기 위해 제작된다. 시나리오 기반의 태스크 분석 정의 사용자의 니즈와 요구사항을 기반으로 사용자가 우리 서비스를 이용하여 어떤 작업을 수..

UI 아키텍쳐 설계

와이어프레임 작성하기 와이어프레임 작성 기획된 UI/UX 콘셉트에 따라서 화면의 기본 구조를 정의할 수 있다. 사용자 인터페이스 요소의 구성에 따라 모든 화면들을 간략하게 설계할 수 있다. UI 기술과 개발 난이도를 고려하여 요소별 액션을 정의할 수 있다. 구조도 (사이트 맵) 구조도 정의 정보 공간의 형태를 개괄적으로 보여주며, 각각 사이트 개발자와 사용자를 위한 요약 도 기능을 한다. 페이지와 다른 콘텐츠 요소들 간의 관계를 보여주기 때문에 조직화, 내비게이션, 레이 블링 시스템을 표현하는 용도로 사용하는 것이다. 구조도 설계 상위 레벨 구조도 메인 페이지에서 시작해서 하위 페이지들을 추가하고 단순성을 유지하며 구조에 계속 적으로 살을 붙여 나가며 사용자의 예상 접근 경로뿐 및 조직화 및 콘텐츠 관리..

UI 아키텍쳐 설계

정보 설계하기 네비게이션 구조 설계 사용자의 접근성, 사용성을 위하여 네비게이션(Navigation) 구조를 설계할 수 있다 검색엔진 최적화 검색엔진 최적화(Search Engine Optimization)는 웹 페이지 검색엔진이 자료를 수집하고 순위 를 매기는 방식에 맞게 웹 페이지를 구성해서 검색 결과의 상위에 나올 수 있도록 하는 작업 을말한다. 웹페이지와 관련된 검색어로 검색한 검색 결과사위에 나오게 된다면 방문 트래픽이 늘어나기 때문에 효과적인 인터넷 마케팅 방법 중의 하나라고 할 수 있다. 기본적인작 업 방식은 특정한 검색어를 웹 페이지에 적절하게 배치하고 다른 웹 페이지에서 링크가 많이 연결되도록 하는 것이다.

UI 아키텍쳐 설계

정보 설계하기 정보 레이블링 설계 사용자가 사용하는 언어를 고려하여 메뉴 및 UI구성요소에 대하여 레이블링(Labeling) 할 수 있다. 정보 조직화 설계의 종류 순차적 구조(계열 구조)는 정보를 한 페이지씩 한 방향으로 이동하는 구조이다. 카테고 리 화면에서 선택하여 목록 화면으로 이동하고, 목록 화면에서 항목을 선택하여 조금씩 자세하게 보는 과정이 이에 해당한다. 계층적 구조(모빌 구조)는 각 상위 메뉴에서 하위 메뉴로 Top-Down 방식으로 이동하는 구조이다. 한 화면에서 다양한 기능으로 분기되면서 구성되는 형태이며 여러 레벨의 복 잡한 메뉴 구조를 표현할 때 사용된다. 각 메뉴마다 또 다른 구조를 안에서 포함한다. 그리드 구조는 바둑판식으로 수평과 수직 형태로 연결되어 있는 구조이다. 정보 데..

UI 아키텍쳐 설계

정보 설계하기 정보구조 설계 결정된 콘텐츠와 기능에 따라서 정보 구조를 설계할 수 있다. 정보구조 설계에서의 모호성 분류 시스템은 언어 기반 위에서 성립 되는 것이며, 언어는 하나의 단어로 여러 가지 뜻을나 타내는 경우가 많다.‘배’라는 단어도 먹는 배와 타는 배 그리고 사람의 배와 같이 다양한 뜻이 있다. 이와 같이 단어의 모호함은 정보를 분류하는 시스템을 구축하는 데 불안정한 요 소로 작용한다. 홈페이지에서 우리는 정보의 그룹을 설명할 때 대부분의 경우 단어를 사용해 서 표현을 하는데, 이런 언어의 모호함으로 이용자에게 혼돈을 줄 수 있으며 이런 문제들이 홈페이지 전체에서 일어난다면 심각한 문제가 될 수도 있다. 정보를 분류할 때는 이런 모호 성을 충분히 염두에 두고, 되도록이면 이용자들이 한번에 인..