달밤에 기획하기 (8) 썸네일형 리스트형 #8 - UX/UI 법칙 UI/UX 법칙 화면을 표현하는 데 있어 몇 가지 UX 법칙이 존재한다. 이 법칙은 lawsofux.com/에서 발췌했으며, 중요 내용은 아래와 같다. 법칙 이름 이미지 내용 Fitts's Law 시작 점에서 목표로 하는 지역에 얼마나 빠르게 닿을 수 있는지를 예측하고자 하는 것. ex> 앱 디자인에서 버튼의 위치는 가깝고 클수록 좋다. Hick's Law 정보가 많아진다고 결정 / 처리 속도 또한 동일하게 길어지면 안 된다. Tip! 정보가 많아진다면 Category를 사용하여 Grouping 하는 것이 좋다. Low of Common Region Gestalt Law-사람은 기본적으로 Object를 인식할 때 패턴이나 그룹으로 인식하려 한다. 이 법칙은 Gestalt Law 중 하나이다. ex> Ca.. #7 - 실무 개발 Process와 직군 별 협업 실무 개발 Process 전체 Process 크게 실무 개발 Process는 총 5단계로 이루어지며, 이 중 UX/UI 디자이너는 기획~디자인을 담당하게 된다. 또한 각 단계 별 참여 직군과 업무가 각각 다르기 때문에 전체적인 흐름과 담당 업무를 정확하게 인지해야 한다. 각 단계별 업무 기획 설계 디자인 개발 출시 문제 정의 목표 수립 현황 분석 사용자 조사 전략 수집 IA Interface 기능 설계 Wireframe UI 디자인 Interaction 디자인 Prototyping 디자인 시스템 설계 개발 테스트 가설 검증 사용자 테스트 데이터 분석 개선 직군 별 협업 실무 개발 단계에서 UX 디자이너는 여러 직군과의 협업이 이루어져야 한다. 때문에 직군의 업무를 이해하고, 협업 시 역할을 정확하게 인지.. #6 - Deliver Deliver 사용자 테스트/평가 및 수정 진행하는 단계이다. 이 단계에서는 아래와 같은 업무를 진행한다. UT 진행 UT는 사용성 테스트( Usability Test )를 말한다. 프로토 타입 제작 후, 또는 개발이 완료된 후 시행한다. 사용성이 좋은 제품의 조건 사용성이 좋은 제품이란 아래 항목을 충족할 경우를 말한다. 비고 항목 내용 1 시스템 상태를 항상 표시 시스템의 상태가 정상/오류 등 어떤 상황인지 항상 알린다. 이에 따라 사용자가 원하는 대로 잘 진행되고 있다는 느낌을 주어야 한다. 2 현실과 시스템의 일치 skeuomorphism과 같이 현실에 있는 사물을 메타포로 삼아 그래픽화 하면 인자가 잘된다. 3 사용자의 자유로운 조작 가능 모든 화면에서 사용자는 뒤로 가기와 중지하기를 할 수 있.. #5 - Develop Develope 프로토 타입을 진행/개선하는 단계이다. 이 단계에서는 아래와 같은 업무를 진행한다. 와이어프레임 제작 앞서 제작한 IA를 기준으로 와이어프레임을 제작한다. 와이어프레임은 페이지 수준의 레이아웃 아이디어를 보여주는 결과물이다. 와이어 플로우 제작 와이어 프레임에 대한 자세한 동작 및 이동을 정의한다. 디자인 제작 와이어 프레임과 와이어 플로우에 대한 디자인을 진행한다. 우리가 말하는 웹디자인/앱 디자인이 이 단계에 속하며, 그 양이 방대하기 때문에 아래 내용을 참고하여 디자인 시스템을 만든다. #디자인 진행하기 #1 - 디자인 순서와 사용 툴 디자인 프로세스 기본적으로 사용하는 디자인 프로세스다. 각 항목에 대해서는 다음 글에서 다룰 예정이다. 순서 항목 세부 항목 내용 1 정의 디자인 목.. #4 - Define Define 솔루션을 찾기 위해 인사이트 도출 및 설계 작업을 진행하는 단계이다. 이 단계에서는 아래와 같은 업무를 진행한다. Research Define에서 사용되는 Research 종류 종류 이름 설명 Data Modeling Affinity Mapping 사용자 리서치 결과를 정리하고 연결시키면서, 개별적으로는 드러나지 않았던 인사이트를 도출하는 과정이다. 방법 및 순서 1. 인터뷰/리서치 결과를 포스트잇에 기록하여 Affinity Note를 생성 2. 공통적으로 나타나는 패턴, 비슷한 사항들을 묶어 분류 3. Affinity Note들을 대표할 수 있는 단어나 문장으로 서술하여 새로운 포스트잇을 붙여 Header를 기록 Tip! 아래 사항들을 생각하며 매핑을 진행한다면, 좀더 효율적으로 작업을 진.. #3 - Discover Discover 사용자를 조사하고, Needs를 파악하는 단계이다. 이 단계에서는 아래와 같은 업무를 진행한다. Project Brief 작성 Project Brief란 목표 설정을 위한 문서를 말하며, 아래의 내용을 포함하고 있다. 해당 문서를 작성하는 이유는 프로젝트의 범위와 요구사항을 명확히 파악한 후 UX 리서치에 들어가야 팀원들이 같은 방향성을 가지게 되기 때문이다. Project의 Overview 프로젝트 목표 타겟 유저 요구사항 예산 / 스케줄 제한사항 Research 리서치 없이 디자인을 하게 되면 사용자들의 맥락이나 행동들을 무시하게 된다. 때문에 "사용자가 필요한 기능/정보"를 디자이너의 판단만으로 결정할 가능성이 있다. 또한 데이터는 모든 것을 말해주지 않기 때문에 리서치가 필요하다... #2 - UX Design Process UX Design Process UX Design Process는 여러 가지가 있으나, 대표적인 방법으로는 Double Diamond Design Process가 있다. 각 단계에서 아래와 같은 업무를 진행한다. 단계 이름 내용 바로가기 1 Discover 사용자를 조사하고, Needs를 파악한다. #3 - Discover > 2 Define 솔루션을 찾기 위해 인사이트 도출 및 설계 작업을 진행한다. #4 - Define > 3 Develop 프로토 타입을 진행/개선한다. #5 - Develop > 4 Deliver 사용자 테스트/평가 및 수정 진행한다. #6 - Deliver > #1 - UX / UI 개념 알기 UX / UI 정의하기 UX (User Experience) UX는 단어가 정의되기 전부터 HCI (Human-computer interaction)라는 이름으로 오랜 시간 연구되어왔다. UX (User Experience)는 직역하면 사용자 경험을 말하며, 사용자가 제품~시스템~서비스를 이용하면서 겪는 모든 경험을 말한다. Wep App을 다루는 경우 사용자(User)가 제품~시스템~서비스를 사용(Use) 할 때, 사용하기 편리하도록(Useful) 고민하여 유용한(Utility) 기능(Feature)을 뽑는 것을 UX Design이라고 한다. UI (User Interface) 직역하면 사용자 상호작용이며, 사용자 인터페이스가 더 자연스러운 표현이다. UI는 UX에 속해있는 영역이며, 사람과 제품~시스.. 이전 1 다음
