티스토리

I'll be on your side.

검색하기

블로그 홈

I'll be on your side.

heemwon.tistory.com/m

heewon.lee 님의 블로그입니다.

구독자: 0

방명록 방문하기

주요 글 목록

UI 제작하기 단위 테스트 수행 작성된 체크리스트에 따라서 단위 테스트를 수행할 수 있다. 단위 테스트 수행한 결과의 오류 여부를 확인하여 반영할 수 있다. 단위 테스트에 대한 이해 단위 테스트의 개념 UI 기반의 단위 테스트는 사전에 정의된 테스트 시나리오별로 테스트를 수행한다. 테스트 를 통해 시스템의 안정성, 견고성, 사용성을 검증할 수 있으며, 사용자에게 편의성을 제공 할 수 있다. 단위 테스트의 특징 테스트 케이스 설계 기법 UI 기반의 단위 테스트 수행 시, 효율적인 테스트를 수행하기 위하여 테스트 목적에 따라 테스트 케이스를 설계해야 한다. 명세 기반 테스트 케이스 설계 개념 주어진 명세를 바탕으로 테스트 케이스를 도출하고 테스트 케이스를 실행해 봄으로써 결함이 없음을 보장하는 테스트 기법이다. 종류 경험.. 공감수 0 댓글수 0 2020. 11. 23.
UI 제작하기 UI 제작 UI 화면 제어기능을 어떤 방법으로 할 것인지 선택할 수 있다. 자가 검증을 위하여 단위별 상세 체크리스트를 작성할 수 있다. UI 구현 표준에 따라서 GUI 디자인 가이드를 기반으로 UI를 제작할 수 있다. UI 개발환경 수립 UI 디자인 및 퍼블리싱 환경 수립 UI 제작을 위하여 시스템의 목표 및 범위에 따라 그래픽 저작도구 및 퍼블리싱 도구를 PC에 설치하여 이미지로 만들고, HTML 및 CSS로 웹 문서화하는 퍼블리싱을 수행한다. UI 개발환경 수립 제작된 이미지와 퍼블리싱된 파일을 개발하기 위하여 Web 및 App 환경의 엔진 및 통합 개발도구를 설치한다. UI 제작 UI 디자인 가이드 숙지 제작될 UI의 공통 규칙(네이밍 규칙, 폰트, 색상 등) 및 리소스 내용(레이아웃, 내비게이션.. 공감수 0 댓글수 0 2020. 11. 23.
UI 저작도구 활용하기 저작도구 이용하여 프로토타입 UI 제작 선정된 저작도구를 이용하여 프로토타입 UI를 제작할 수 있다. 프로토타입(Prototype)의 개요 프로토타입 개념 사용자의 요구사항을 충분히 분석할 목적으로 시스템의 중요 일부분을 우선 구현한 후 반 복하는 개발 모델을 프로토타입이라고 한다. 프로토타입 특징 프로토타입은 사전에 UI를 시험제작하여서 이해관계자 간의 원활한 의사소통을 수행하는 개발 모델이다. UI를 통해서 프로토타입을 개발한 후에는 이해관계자 간에 평가 및 수정 과정을 반복하면서 요구사항을 검토한다. 프로토타입 종류 프로토타입은 다양한 기능 구현의 정도를 고려하여 수평적 프로토타입과 수직적 프로토타 입으로 구분한다. 프로토타입의 개발 절차 프로토타입의 개발 절차는 시스템 개발 계획서를 기반으로 계획.. 공감수 0 댓글수 0 2020. 11. 23.
UI 저작도구 활용하기 UI 저작도구 선정 UI 구현 표준 검토 결과를 바탕으로 저작도구를 선정할 수 있다. UI 구현 표준 검토 결과 파악 사이트의 특성을 고려한 UI의 요소와 패턴으로 정의되어 있는가 사이트의 특성을 고려한 UI의 요소와 패턴으로 UI가 정의되어 있는지 파악하고, 통일되고 일관되며 재사용이 가능하도록 UI의 표준이 작성되어 있는지 파악한다. 웹 호환성을 위해서 다양한 브라우저에서 실행되는가 HTML5 기반의 웹 표준을 준수하여 다양한 브라우저(예: 인터넷익스플로러, 크롬)에서 실 행되고, 다양한 형태(예: 네이티브 앱, 하이브리드 웹, web, 웹 앱)로 실행되는지 파악한다. 장애를 가진 사람과 장애를 갖지 않은 사람 모두가 웹사이트를 이용할 수 있게 웹 접근 성을 준수하는가 대체 텍스트, 광과민성 발작 예.. 공감수 0 댓글수 0 2020. 11. 23.
UI 저작도구 활용하기 UI 저작도구 파악 개발환경에 적합한 저작도구를 파악할 수 있다. UI 개발환경 파악 WEB 개발환경(JSP 기준) 파악 WEB 애플리케이션 개발을 위해서 구축해야 하는 개발환경을 파악한다. 보통 자바 실행을 위한 JDK(Java Development Kit), 자바와 JSP(Java Server Page) 통합 개발을 위한 Eclipse (자바 개발 프로그램), JSP로 구축된 웹사이트 파일을 실행시켜 주는 엔진 역할의 톰캣 (Tomcat)을 개발 환경에 설치한다. App 개발환경 파악 App이 실행될 운영체제는 대체로 디바이스에 따른 안드로이드와 iOS로 구분된다. 안드로 이드는 구글에 의해 개발되고 배포되는 운영체제이며, iOS는 애플의 스마트기기에 내장되 어 있는 운영체제이다. 스마트기기에서 실행.. 공감수 0 댓글수 0 2020. 11. 23.
UI 구현 표준 검토하기 UI 구현 표준 수립 실제 페이지 제작을 위하여 아이콘, 레이아웃, 화면 개발 환경에 적합한 표준을 검 토할 수 있다. UI 구현 표준을 이해관계자와 검토하여 최종 표준안에 반영할 수 있다. UI 구현 표준 수립 웹 표준 및 웹 호환성 고려한 표준 수립 웹 호환성이란 사용자 단말기의 하드웨어 및 소프트웨어 환경이 다른 경우에 동등한 서비 스를 제공받을 수 있도록 구현해야 하는 것으로 다양한 웹브라우저에서 동등한 서비스를 제공받을 수 있도록 해야 한다. 웹 호환성 확보를 위해서는 웹 페이지마다 표준 문법을 준수하여 구현해야 한다 모바일의 UI 구축 시 웹 서비스로의 호환성을 확보한다. 웹사이트를 구축하는 경우 모바 일 기기의 화면크기 및 운영체제와 무관하게 동등한 서비스를 제공해야 한다. 웹 접근성 고려한.. 공감수 0 댓글수 0 2020. 11. 23.
UI 구현 표준 검토하기 UI 표준 관련 기준 파악 고객 요구사항, 접근성 기준, 플랫폼에 대한 UI표준 관련 기준을 파악할 수 있다. UI 구현 표준의 정의 UI 구현 표준은 사용자의 사용성 향상과 개발자의 개발 효율성을 높이기 위하여 프로젝트 초기에 정의한다. 화면 간에 공통으로 구성되는 화면구성(예: 내비게이션, 고정영역, 가변 영역) 및 화면요소(예: 버튼, 폰트 등의 크기 및 색상)에 대하여 최소한으로 정의해 두는 공통 규격이다. UI 구현 표준의 구성 요소 UX 원칙 시스템 및 제품의 UX는 사용자 제어가 가능하고, 사용자와 편리한 상호작용이 가능하며, 사용자의 시행착오를 최소화할 수 있는 원활한 사용성을 제공하고, 일관성 높은 인터페이 스를 제공 시 직관적이고 예측 가능한 기능 및 서비스 제공이 가능해야 한다.. 사.. 공감수 0 댓글수 0 2020. 11. 23.
UI 설계 검토하기 UI 검토 의견서 작성 UI 구현 표준 수립을 위하여 UI 검토 의견서를 작성할 수 있다. 검토 대상 UI에 대한 이해 검토 대상 UI의 서비스 목적 파악 목표 서비스의 사용 목적을 이해하기 위하여 타깃 사용자층(예: 연령, 성별)과 서비스 용 도(예: 전자상거래사이트, 검색포털)를 파악함으로써 UI의 검토 기준을 적절하게 수립한다 UI의 주요 검토 대상에 대한 이해 레이아웃 한정된 UI 공간 내에서 각종 UI 리소스들(예: 버튼, 시스템 바, 텍스트 등)을 일관성과 가시성을 유지하면서 효율적으로 배치하는 화면 구조를 레이아웃이라고 한다. UI는 시스템을 시각적으로 바라봤을 때 좌 상단, 우 하단 부분을 보면서 전체적인 크 기를 인식한다. 그 다음으로 여백, 폰트, 색상, 위치, 배열 등을 인식한다. 레.. 공감수 0 댓글수 0 2020. 11. 23.
UI 설계 검토하기 UI 디자인 가이드 이해 UI 제작을 위하여 GUI 디자인 가이드를 이해하고 이를 기반으로 구현 가능성 여부를 검토할 수 있다. 구현 환경에 따라서 구체적인 UI 프로세스의 이해와 설계 변경 여부를 파악할 수 있다. UI 디자인 가이드에 대한 이해 UI 디자인 가이드의 필요성 UI 디자인 시, UI에 적용되는 프로젝트 및 서비스를 정확하게 이해해야 사용자의 요구에 부합하고 만족도 높은 결과물을 만들어 낼 수 있다. 이때, 디자이너가 설계한 이미지와 구 성을 개발자가 이해할 수 있는 형태의 문서로 개발자에게 전달해야 일관성 있고 사용자 만족도가 높은 최종 결과물이 나올 수 있으므로, 상세하고 일관된 UI 디자인 가이드가 필 요하다. UI 디자인 가이드의 개요 정의 UI 디자인 가이드란, 디자이너가 프로젝트.. 공감수 0 댓글수 0 2020. 11. 23.
GUI 상세 디자인을 하기 UI 디자인이 성공하기 위한 모델링 GUI 콘셉트 기획서에 따라서 화면의 인터랙션 요소를 디자인할 수 있다. UI 구현을 위하여 GUI 디자인 가이드 문서를 작성할 수 있다 UI 디자인이 성공하기 위한 모델링 UX에서 리서치 결과를 토대로 모델링을 한다는 의미는 결국 사용자 저변에 깔려 있는 마 음속 모형을 드러내 보인다는 얘기와 일맥상통한다. 사용자가 자신들의 마음속에 가지고 있는 대사에 대한 모형을‘멘탈모델’이라고 한다. 다음의 3가지 모델로 구분된다. 1. 구조모형 대상의 구체적인 세부요소를 머릿속에서 묘사하는 모형 주로 정보의 분류나 구조적인 형태로 표현된다 사용자유형별로 구조모형에 큰 차이가 존재하기 때문에 구조모형은 Persona를 통해서 표현될 수 있다. 2. 기능모형 사람들이 제품/서비스를.. 공감수 0 댓글수 0 2020. 10. 27.
GUI 상세 디자인을 하기 UI 디자인이 성공하기 위한 요건 GUI 템플릿에 따라서 전체 화면을 디자인할 수 있다. GUI 템플릿에 따라서 아이콘과 버튼을 디자인할 수 있다. GUI 상세 디자인 UX 디자인의 기본 명제를 이해하고 있다면 프로세스를 이해하는 것은 간단하다. 사용자를 이해하고 그것을 디자인으로 연결시키면 되는 것이니 말이다. 그러나 디자인은 ‘자동판 매기(Bending machine)’가 아니다. 사용자 경험을 이해했다고 해서 자동으로 디자인이 만 들어지지는 않는다는 얘기다. 디자이너 개인의 창의성이나 지식, 경험 등이 ‘의도’를 형 성한 뒤, 이 ‘의도’를 통해 디자인이 만들어지는 것이다. “사용자들의 경험을 이해하고, 그 이해를 바탕으로 디자인 한다.” 사용자 경험을 이해하는 과정에는 목표 수립, 제반 상황 분석.. 공감수 0 댓글수 0 2020. 10. 27.
GUI 템플릿 제작하기 전반적인 일관성을 제공 GUI 콘셉트 기획서에 따라서 레이블과 콘텐츠에 대한 폰트를 선정할 수 있다. 전반적인 일관성을 제공 일반적인 일관성을 제공해야 한다. 다양한 Task 수행시 지각-해석-평가-행동-실행-기억 순으로 인지한다. 쉽게 인지하고 기 억부담을 줄이기 위해 일관된 표현과 사용방식을 사용한다. 레이아웃등을 시각적으로 표현하기 위해 폰트, 색등 적절하게 사용해야 한다. 설계 가이드 는 다음과 같다. UX 제작 GUIDE는 다음과 같다. 레이아웃, 아이콘, 폰트, 타이틀, 메시지위치, 용어 등 시각적 요소를 일관되게 사용한다. Task 수행절차 및 조작 방식(제스처, Hard key 포함)은 일관되게 제공한다. 동일기능의 경우 가로/세로 화면 전환 시 전혀 다른 방향과 위치에 제공하지 않는다. .. 공감수 0 댓글수 0 2020. 10. 27.
GUI 템플릿 제작하기 현 상태 및 정보의 단서 표시 GUI 콘셉트 기획서에 따라서 GUI 디자인 요소별 컬러를 선정할 수 있다. 현 상태 및 정보의 단서를 명확하게 표시 사용자가 처한 상황과 제품의 상태를 사용자가 직관적으로 알 수 있도록 화면에 표시한다. 미리 다음 정보에 대한 예상이 가능하도록 버튼, 링크등에 단서를 제공한다. 사용자가 이해할 수 있는 친숙한 용어를 사용한다. 실제 사물이 가지는 모양, 컬러, 움직임, 기능을 메타포로 활용한다. 아이콘만으로 의미전달이 불충분할 경우 텍스트로 변경 또는 병행사용을 고려한다. SS Galaxy S4(좌)Apple iPhone iOS7(우)의 경우 죄축 삼성 스마트폰의 경우 패턴 변경 메뉴 에 대한 힌트가 전혀 없다.(즉, ‘패턴’ 진입하여 새로 만들어야한다.) 우측의 경우 ‘.. 공감수 0 댓글수 0 2020. 10. 27.
GUI 템플릿 제작하기 한눈에 이해 할 수 있는 화면을 제공 UI 설계에 따라서 기능별 대표 화면을 선정할 수 있다. 선정된 대표 화면에 대하여 그리드 시스템(화면 레이아웃)을 디자인할 수 있다. 모바일에서 실현되는 UI 화면 사용자는 그들의 디바이스에서 당신의 앱을 사용하는 동안 편안함을 느낄 수 있어야 한다. 사용자가 앱을 사용하는 도중 사용자가 원하지 않는 불필요한 작업(Task)을 만들어내는 상 황은 절대 허용하지 않는다. 평범하거나 절대적 위치를 요구하는 레이아웃을 만들지 말라 텍스트에서 픽셀단위의 사용을 지양하고, DIP(dot in pixel, 밀도단위)를 사용한다 다양한 크기의 이미지 리소스를 만든다(xhdpi, hdpi, mdpi, ldpi) 버튼이나 리스트 아이템등의 선택하는 타겟은 크고 명확하게 사용한다. .. 공감수 0 댓글수 0 2020. 10. 27.
GUI 디자인 콘셉트 도출하기 디자인 및 시각적 요소 도출 사용자 리서치에서 도출된 페르소나 정의에 따라서 사용자의 라이프스타일이 반영된 비주얼 무드보드(Visual Moodboard)를 작업할 수 있다. 도출된 비주얼 무드보드(Visual Moodboard)에 의하여 GUI 상세 디자인을 하기 위한 콘셉트 기획서를 작성할 수 있다. UI/UX 콘셉트 기획안에 따른 디자인 및 시각적 요소 도출 디자인 요소 도출 UX는 멋지고 Fancy한 디자인을 만드는 것이 목표가 아니라, 탁월한 사용자 경험을 제공 하는 게 목표이다. 탁월한 사용자 경험을 제공하기 위해서는 사용자를 깊이 있게 이해하 는 것이 필요하다. 비즈니스 목표와 도전과제가 정해졌다면 사용자에서 출발한다. 사용자 를 깊이 있게 이해하는 것은 특정한 컨텍스트에서 사용자들이 보이는.. 공감수 0 댓글수 0 2020. 10. 27.
GUI 디자인 콘셉트 도출하기 UI/UX 디자인 개요 UI/UX 콘셉트 기획안에 따라서 GUI(Graphical User Interface) 디자인 요소와 시각적인 콘셉트를 도출할 수 있다. UI/UX 콘셉트 기획안에 따른 GUI(Graphical User Interface) 디자인 요소 얼마나 멋진 앱을 만들든지 간에 다음의 내용들은 UX 디자인적인 접근이 아니다 사용자 중심 디자인을 하겠다는 것은 ‘선언’이 아니다 사용자의 경험을 고려하겠다는 ‘태도’도 아니다 실제 사용자들의 경험을 조사하고 그 내용을 기반으로 디자인을 하는 것이 ‘사용자 중심 디자인’, 또는 UI/UX 디자인인 것이다. 권위 있는 전문가의 의견이 완벽한 UI/UX를 디자인 할 수 있는 것은 반쪽자리 접근일 뿐이다. 전문가의 경험이 UX 사용자의 경험이 아니다 전.. 공감수 0 댓글수 0 2020. 10. 27.
태스크 플로우 작성하기 태스크 플로우 작성 사용자가 이용하는 서비스에 대하여 경험 경로 및 과정을 예측할 수 있다. 모든 화면들이 시나리오 흐름과 옵션에 따라 어떤 경로를 갖게 되는지 작성할 수 있다. 각 흐름에 따라서 태스크 플로우(Task Flow)를 작성할 수 있다. 사이트맵과 태스크 플로우 1. 사이트맵 정의 웹사이트의 특정 영역을 대표하는 페이지들을 시각적으로 보여주는 것을 의미한다. 회사 조직도처럼 생겼으며 사이트의 수직적인 구조를 보여준다. 2. 태스크 플로우 정의 사용자들이 웹사이트를 항해하는 중 취하는 경로나 과정을 보여준다. 사용자의 옵션이나 경로를 상세히 보여주기 위해 제작된다. 시나리오 기반의 태스크 분석 1. 정의 사용자의 니즈와 요구사항을 기반으로 사용자가 우리 서비스를 이용하여 어떤 작업을 수행하도록.. 공감수 0 댓글수 0 2020. 10. 8.
와이어프레임 작성하기 와이어프레임 작성 기획된 UI/UX 콘셉트에 따라서 화면의 기본 구조를 정의할 수 있다. 사용자 인터페이스 요소의 구성에 따라 모든 화면들을 간략하게 설계할 수 있다. UI 기술과 개발 난이도를 고려하여 요소별 액션을 정의할 수 있다 구조도 (사이트 맵) 1. 구조도 정의 (1) 정보 공간의 형태를 개괄적으로 보여주며, 각각 사이트 개발자와 사용자를 위한 요약 도 기능을 한다. (2) 페이지와 다른 콘텐츠 요소들 간의 관계를 보여주기 때문에 조직화, 내비게이션, 레이 블링 시스템을 표현하는 용도로 사용하는 것이다. 2. 구조도 설계 (1) 상위 레벨 구조도 메인 페이지에서 시작해서 하위 페이지들을 추가하고 단순성을 유지하며 구조에 계속 적으로 살을 붙여 나가며 사용자의 예상 접근 경로뿐 및 조직화 및 콘.. 공감수 0 댓글수 0 2020. 10. 8.
정보 설계하기 네비게이션 구조 설계 사용자의 접근성, 사용성을 위하여 네비게이션(Navigation) 구조를 설계할 수 있다. 검색엔진 최적화 검색엔진 최적화(Search Engine Optimization)는 웹 페이지 검색엔진이 자료를 수집하고 순 위를 매기는 방식에 맞게 웹 페이지를 구성해서 검색 결과의 상위에 나올 수 있도록 하는 작업을 말한다. 웹 페이지와 관련된 검색어로 검색한 검색 결과 사위에 나오게 된다면 방 문 트래픽이 늘어나기 때문에 효과적인 인터넷 마케팅 방법 중의 하나라고 할 수 있다. 기본적인 작업 방식은 특정한 검색어를 웹 페이지에 적절하게 배치하고 다른 웹 페이지에 서 링크가 많이 연결되도록 하는 것이다. 공감수 0 댓글수 0 2020. 10. 8.
정보 설계하기 정보 레이블링 설계 사용자가 사용하는 언어를 고려하여 메뉴 및 UI 구성요소에 대하여 레이블링 (Labeling) 할 수 있다. 정보 조직화 설계의 종류 순차적 구조(계열 구조)는 정보를 한 페이지씩 한 방향으로 이동하는 구조이다. 카테고 리 화면에서 선택하여 목록 화면으로 이동하고, 목록 화면에서 항목을 선택하여 조금씩 자세하게 보는 과정이 이에 해당한다. 계층적 구조(모빌 구조)는 각 상위 메뉴에서 하위 메뉴로 Top-Down 방식으로 이동하는 구조이다. 한 화면에서 다양한 기능으로 분기되면서 구성되는 형태이며 여러 레벨의 복 잡한 메뉴 구조를 표현할 때 사용된다. 각 메뉴마다 또 다른 구조를 안에서 포함한다. 그리드 구조는 바둑판식으로 수평과 수직 형태로 연결되어 있는 구조이다. 정보 데이터 를 그.. 공감수 0 댓글수 0 2020. 10. 8.
정보 설계하기 정보구조 설계 결정된 콘텐츠와 기능에 따라서 정보 구조를 설계할 수 있다. 정보구조 설계에서의 모호성 분류 시스템은 언어 기반 위에서 성립되는 것이며, 언어는 하나의 단어로 여러 가지 뜻을 나 타내는 경우가 많다.‘배’라는 단어도 먹는 배와 타는 배 그리고 사람의 배와 같이 다양한 뜻이 있다. 이와 같이 단어의 모호함은 정보를 분류하는 시스템을 구축하는 데 불안정한 요 소로 작용한다. 홈페이지에서 우리는 정보의 그룹을 설명할 때 대부분의 경우 단어를 사용해 서 표현을 하는데, 이런 언어의 모호함으로 이용자에게 혼돈을 줄 수 있으며 이런 문제들이 홈페이지 전체에서 일어난다면 심각한 문제가 될 수도 있다. 정보를 분류할 때는 이런 모호 성을 충분히 염두에 두고, 되도록이면 이용자들이 한번에 인식을 할 수 있.. 공감수 0 댓글수 0 2020. 10. 8.
콘텐츠 기획하기 콘텐츠 기획 사용자의 니즈(needs)와 제공하는 콘텐츠 간의 갭(gap)을 분석할 수 있다. 갭 분석한 결과를 토대로 콘텐츠의 방향성을 결정할 수 있다. 갭 분석한 결과에 의해서 결정한 콘텐츠 방향성에 따라서 주요 콘텐츠 수급 계획을 수립할 수 있다. 어피니티 다이어그램(affinity diagram) 어피니티 다이어그램은 파편화되고 불명확한 방대한 정보를 논리적이고 응집력 있는 그룹으로 조직화하고 분류하는 기법이다. 이 기법의 결과물로는 제한된 그룹의 수이며, 기대하는 목적은 보다 더 좋은 아이디어를 발굴하거나 문제를 좀 더 이해하는 것이다. 어피니티 다이어그램 활용 유형 크게 3가지 유형에서 어피니티 다이어그램을 활용한다. 아이디어 도출이 목적인 브레인스토밍 세션 문제 해결을 위한 세션 고객의 목소.. 공감수 0 댓글수 0 2020. 9. 29.
기능(Feature) 리스트 도출하기 기능(Feature) 리스트 도출 UI 설계를 위하여 작성된 시나리오에 따라 기능을 도출할 수 있다. 도출된 기능에 대해서 우선순위 기준을 수립하여 주요 기능을 선별할 수 있다. 우선순위 기준에 의해서 선별된 주요 기능의 상세한 내역을 작성할 수 있다. 최소 기능 제품(Minimum Viable Product, MVP) MVP는 리스크나 투자 대비 최적의 성과를 창출할 수 있으면서, 사용자에게 핵심적인 기능을 최소화하여 제공할 수 있도록 정의하는 방식이다. 해당 용어는 프랭크 로빈슨(Frank Robinson)이 정의하였고, 스티브 블랭크(Steve Blank)와 에릭 리이스(Eric Ries)가 대중화시켰다. MVP는 무조건적으로 적은 기능만을 정의하는 것이 아니라, 사용자에게 가치를 제공할 수 있는 .. 공감수 0 댓글수 0 2020. 9. 29.
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 and needs), 목적, 환경(c.. 공감수 0 댓글수 0 2020. 9. 29.
패스트 프로토타이핑 검증하기 프로토타입 개선 프로토타이핑을 이용한 반복적인 분석을 통해 개선된 결과를 가지고 사용자의 니즈에 최대한 부합하는 기준을 도출할 수 있다. 인간 중심 디자인(Human-Centered Design) ISO 9241-210은 컴퓨터 기반으로 동작하는 시스템에 대해서 인간 중심의 효율적 디자인을 다루는 사용성 관련 표준의 하부 표준으로 기존의 ISO 13407을 업그레이드한 대체 표준이다. ISO 9241은 개발의 전 과정에 사용자가 참여하는 것에 대한 강조와 반복적 프로세스 적용을 포함하여 아래와 같은 6개 디자인에 대한 원칙을 제시하고 있다. 디자인은 사용자 작업 및 환경의 명백한 이해에 기초하여야 한다. 사용자는 디자인 및 개발 전반에 참여하여야 한다. 디자인은 사용자 중심의 평가에 의해 정제되고 주도되.. 공감수 0 댓글수 0 2020. 9. 29.
패스트 프로토타이핑 검증하기 프로토타입 이슈관리 프로토타입의 구성요소와 특징에 대한 분석을 통해서 수정 사항을 도출하고 이슈를 보완할 수 있다. UI/UX 개발 관련 이슈 UI/UX 개발과 관련한 이슈는 크게 다음의 시각으로 나누어 볼 수 있을 것이다. 비즈니스 시각 UI/UX 개발 결과물이 비즈니스 요구사항을 충족하고 가치를 창출해낼 것인가에 대한 이슈 사용성 시각 효율적이고 사용자 친화적인 UI/UX를 제공하는가에 대한 이슈 프로젝트 관리 시각 프로젝트 관리 차원에서 다루어져 야할 UI/UX 개발 업무 및 이에 영향을 줄 수 있는 이슈 비즈니스 시각에서 필요로 하는 UI 또는 UX의 특성이 프로젝트 시각에서는 요구사항, 범위, 자원 관리 등의 이슈로, 사용성 시각에서는 이러한 특성을 반영하기 위한 아이디어를 도출하여야 하는 대상.. 공감수 0 댓글수 0 2020. 9. 29.
패스트 프로토타이핑 검증하기 프로토타입 검증 프로토타이핑이 프로토타입의 목적에 맞게 구성되었는지 검증할 수 있다. 프로토타입 검증 전통적인 개발 생명주기는 사용자의 요구사항을 파악하는 것으로 시작해 이러한 요구사항들이 제대로 반영되었는가에 대해서 인수테스트를 통해 검증이 수행되는 업무 흐름을 가지고 있다. 진화적 프로토타이핑을 적용한 UI/UX에 대한 검증은 이러한 개발 특정 시점의 단계적 업무가 아니라 반복적으로 검증을 수행하게 된다. 이러한 과정을 통해 사용자들과 UI/UX 개발팀모두가 완성된 UI/UX에 대한 이해도를 높여가는 학습이 이루어지며 검증을 통해 얻어진 추가적인 요구사항, 사용자의 제안, 아이디어 등을 반영하여 개선된 프로토타입을 만들고 이를 더욱 높아진 이해도를 가지고 검증하는 과정을 반복한다. 프로토타입 제작 결.. 공감수 1 댓글수 0 2020. 9. 29.
패스트 프로토타입 제작하기 프로토타입 제작 선정된 아이디어를 다양한 방법으로 프로토타입을 제작할 수 있다. 제작된 프로토타입이 목적에 맞게 구성되었는지 분석하고 검증할 수 있다. 프로토타입의 구성요소와 특징에 대한 분석을 통해서 수정 사항을 도출하고 이슈를 보완할 수 있다. 프로토타입 (Prototype) 프로토타입은 상품/서비스가 출시되기 전 만들어진 원형(archetype)을 의미한다. 프로토타이핑(prototyping)은 사용자의 요구사항, 사용자리서치를 통해서 도출된 니즈, 아이디어 등의 개념(Concept)을 담은 모형을 만들어 이후 사용자와 상품/서비스가 제공하는 기능의 추가, 변경 및 삭제 등을 요구사항에 대해 소통하는 도구, 개발이 진행되는 동안 개발 참여자간에 개념을 공유하는 도구를 만드는 설계과정이다. 요구사항 .. 공감수 0 댓글수 0 2020. 9. 29.
UI/UX 콘셉트 아이디어 도출하기 콘셉트 아이디어 문서화 패스트 프로토타입 제작을 위하여 선별된 아이디어를 문서화할 수 있다. UI/UX 설계 계획 세우기 : 활동과 문서 선별된 UI/UX 요구사항과 콘셉트 아이디어 들은 UI/UX 설계를 진행하기 위한 정보를 담고 있다. UI/UX 설계는 여러 활동들을 수반하고, 선택되는 활동에 따라 설계의 방식, 소요시간, 문서의 종류가 달라진다. 이러한 문서는 문구로 작성된 문서 외에 화이트보드 스케치, 와이어프레임, 프로토타입 등이 될 수도 있다. 다음은 설계의 계획이 고려되어야 할 사항들의 예이다. (Russ Unger, Carolyn Chandler (2012)) 설계에 적용될 프로세스 설계시 협업 상황 설계 문서에 대한 보고 및 공유 설계문서 상세함의 적절성 문서의 수명 : 프로젝트 중에 업.. 공감수 0 댓글수 0 2020. 9. 29.
UI/UX 콘셉트 아이디어 도출하기 콘셉트 아이디어 분석 및 선별 프로토타입 제작을 위하여 도출된 아이디어를 분석하고 UI/UX 개발(제품)에 적합한 아이디어를 선별할 수 있다. 요구사항 선별하기 앞서 사용자들의 요구사항과 브레인스토밍으로 도출된 내용을 목록으로 작성하였다. 그 목록에서 가치가 놓은 것들만 골라내는 선별 작업을 수행하다. 요구사항을 선별할 때는 논의가 타깃 그룹에 초점이 맞춰지도록 프로젝트 목표와 사용자 그룹을 항상 떠올려야 한다. (Russ Unger, Carolyn Chandler (2012)) 요구사항 선별 참여자 요구사항의 선별 과정에는 아래와 같은 입장과 견해를 대변하는 참여자가 필요하다. 사용자의 견해를 대변할 사람 비즈니스의 견해를 대변할 사람 개발팀의 견해를 대변할 사람 프로젝트의 입장을 대변할 사람 요구사항.. 공감수 0 댓글수 0 2020. 9. 29.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.