모바일 UI/UX 컨셉 설계 및 아이디어 스케치하기

 

---

UI/UX 컨셉 설계 및 아이디어 스케치하기

 

안녕하세요.

오늘 포스팅에서는 UI/UX 컨셉 설계 및 아이디어 스케치하기에 대해 알려드리겠습니다.

주옥같은 내용들이 있으니 꼭 끝까지 잘 읽고 따라와 주시면 감사하겠습니다.

그럼 바로 시작하겠습니다!

 

 

1. UI/UX 설계 계획 세우기 : 활동과 문서

선별된 UI/UX 요구사항과 콘셉트 아이디어들은 UI/UX 설계를 진행하기 위한 정보를 담고 있다.

UI/UX설계는 여러 활동들을 수반하고, 선택되는 활동에 따라 설계의 방식, 소요시간, 문서의 종류가 달라진다.

이러한 문서는 문구로 작성된 문서 외에 화이트 보드 스케치, 와이어프레임, 프로토타입 등이 될 수도 있다.

728x90

2. 설계의 계획이 고려되어야 할 사항

1) 설계에 적용될 프로세스

 

2) 설계시 협업 상황

 

3) 설계 문서에 대한 보고 및 공유

 

4) 설계문서 상세함의 적절성

 

5) 문서의 수명 : 프로젝트 중에 업데이트 되지 않는 문서는 죽은 문서다.

 

6) 각 문서 독자 (수요자)

 

7) 해당 설계 문서와 관련된 타 문서 참고 정보

 

8) 설계문서 작성의 난이도(어느 정도의 노력을 필요로 하는가?)

 

9) 설계문서 작성 일정에 영향을 미치는 요소

 

10) 다수의 디자이너와 작업하는가?

 

3. UI/UX 콘셉트 아이디어 문서화하기

콘셉트 아이디어는 프로토타입에 반영되고 사용자가 참여하는 프로토타입의 반복적 평가와 개선을 통해

최종적으로 제품/서비스에 반영된다는 과정을 이해하고 이러한 활용을 고려하여 문서를 작성한다.

요구사항은 도출하는 것으로 관련 업무가 종료되는 것이 아니라

지속적으로 관리되는 대상임을 이해하고 요구사항 관리를 지속적으로 수행한다.

UI/UX 요구사항과 UI/UX 콘셉트 아이디어에 대한 선별 결과에 대한 문서화는 UI/UX 개발의 목적에 따라

선별 과정 중 아이디어 제공자가 화이트보드에 설명한 내용을 사진으로 기록하는 것만으로도 충분할 수도 있다.

일정 규모 이상의 개발 프로젝트 또는 이의 일부로 UI/UX 개발이 진행되는 경우

프로젝트 관리 차원의 선별 결과에 대한 문서화와 이의 변경에 대한 지속적인 관리가 필요하다.

그리고 작성되고 선별된 목록상의 항목에 대해 설계 계획에 필요한 상세 내용을 기술하여 문서화 한다.

 

4. 와이어 프레임

비주얼 디자인 단계 이전에 대표적인 화면들에 표시되는 콘텐츠, 기능, UI요소, 레이아웃을

대략적으로 요약해 보여주는 것으로 화면 설계도를 말한다.

예를 들면 썸네일은 어떻고, 크기는 어떻고, 배너를 클릭하면 어떤 페이지롤 들어가고 등등

내가 어느정도의 사이즈로 할 지를 대략적으로 보는 것이다.

쉽게 말해 아이디어 스케치를 하고, 좀 더 구체적으로 만들어 놓은 설계도 입니다.

 

반응형

와이어 프레임예시

 

 

5. 와이어프레임 구조의 검토 사항

(1) 홈 화면은 어떻게 구성할 것인가?

(2) 메뉴 구조는 어떻게 정의 할 것인가?

 

(3) 앱과 사용자 목적에 맞는 태스크를 모두 포함하였나?

 

(4)UI구성 요소가 실제로 쓸모가 있는가?

 

(5) 화면 간 관계를 어떻게 정의 할 것인가?

(카테고리를 누르면 화면이 새 창을 열 것이냐, 화면이 다른 페이지로 넘어 갈 것이냐, 화면이 그 창에서 움직이며 내려갈 것인가 등을 설정하는 것을 말합니다.)

 

여기까지 모바일 UI/UX 컨셉 설계 및 아이디어 스케치하기에 대한 포스팅을 마치겠습니다.

다음 포스팅에서 다시 뵙겠습니다.

감사합니다.

 

모바일 UI/UX의 기본적인 특성과 디자인 원칙

 

UIUX 페르소나와 디자인 작업 순서