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

---

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

 

안녕하세요.

오늘 포스팅에서는 모바일 UI/UX의 기본적인 특성과 디자인 원칙에 대해 알려드리겠습니다.

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

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

 

1. 모바일 UX의 기본적인 특성

1) 모바일 디바이스 하드웨어와 소프트웨어 구성과의 연관성

(버튼을 눌렀는데 소프트웨어가 반응을 안하면 안되겠죠. 모니터가 달린 모든 것이 디바이스라고 이해하시면 됩니다.)

2) 높은 사용자 접근성 (24시간 함께하는 밀착성)

3) 사용자와의 상호작용 (사용자 인터렉션)

4) 다양화, 고도화되는 입력(input)방식 (touch, gesture, audio 등)

5) 센서(sensor)를 기반으로 하는 환경
(10대가 누르는 버튼과 할아버지가 누르는 버튼의 크기는 차이가 있습니다.)

6) 휴대성이 극대화된 환경
(이동중엔 휴대폰을 하고, 집에선 PC를 합니다. )

 

7) 집약적인 정보 전달 환경

8) 모바일 운영체계가 탑재된 환경

- 심미적 통합

심미적 통합이란 앱의 아름다운 디자인과 사용하기 좋은 기능의 통합을 의미하며,

이와 같은 앱의 사용자에게 앱의 목적과 정체성에 대한 명확하고 통일된 정보를 제공한다.

 

- 일관성

일관성이란 사용자들이 앱을 사용하며 얻은 UI지식과 기술을 다른 앱에서도 동일하게 적용할 수 있는 것을 말한다.

iOS의 표준 준수 여부, 콘트롤, 뷰, 아이콘 디자인의 일관성과 동작의 정확성,

텍스트 용어의 의미나 스타일의 일관성, 앱의 UI 요소의 형태와 행동에 있어서 일관성의 원칙을 지켜야 한다.

 

- 직접적 조작

직접적 조작이란 사용자가 UI를 자유자재로 조작할 수 있고 자신의 의지대로 앱이 동작하는 것을 의미한다.

사용자가 화면의 객체를 조작하기 위하여 제스처를 사용할 때,

사용자 액션에 대한 즉각적인 반응이 나타날 때 직접적 조작을 경험하게 된다.

 

- 반응성

반응성이란 사용자의 행동을 인지하고 처리가 발생하는 것에 대해 정보를 보내어

적절한 상태가 되도록 하는 것으로 사용자 조작에 대해 즉각적인 피드백을 주는 것을 말한다.

 

- 은유

메타포는 실제 세계의 객체나 행동을 앱의 가상 객체와 행동에 접목시켜

사용자가 앱을 어떻게 사용해야 하는지 쉽게 이해할 수 있게 하기 위한 것이다.

iOS는 메타포를 이용한 풍부한 그래픽 이미지오 동작을 제공하여

사용자가 실제와 같이 화면의 객체들과 물리적 상호작용을 할 수 있도록 한다.

 

- 사용자 통제성

사용자 액션은 단순하고 직관적으로 만들어 사용자가 쉽게 이해하고 기억할 수 있어야 한다.

사용자가 이미 익숙해져 있는 표준 콘트롤과 액션을 사용해야 하고,

작업을 진행하기 전에는 그것을 취소할 수 있는 기회를 제공해야 하며,

사용자가 무언가를 삭제하려 할 때는 반드시 확인하는 절차를 제공해야 한다.

 

 

2. 모바일 소프트웨어의 UI/UX 디자인 원칙

1) 사용자의 인지적 관점에서 이해할 수 있는 디자인

(뒤로가기 버튼이 동그라미나 네모 같이 생기면 안되겠죠?)

2) 사용하기 쉬운 인터페이스

3) 원활한 상호작용

4) 간결하고 매력적인 디자인

5) 유용한 기능과 콘텐츠

6) 사용자 행동과 상황, 반응을 고려한 직관적인 디자인

7) 접근성의 극대화

(누구든지, 언제든지 어플을 실행할 수 있게)

8) 사용자 실수 방지 및 복구 가능한 디자인

("정말 삭제 하시겠습니까?" 한 번 더 묻는 메시지 등)

9) 표준을 준수한 일관된 디자인

 

 

3. OS별 UX 특성을 고려해 정보구조 설계 수행하기

1) 카드소팅 결과 보고서

 

2) 수행 대상 문화 콘텐츠 앱

 

3) 콘텐츠 정의서

 

4) 기능 정의서

 

5) IOS 사용자 인터페이스 가이드라인

 

6) Android 사용자 인터페이스 가이드라인

 

4. 콘셉트 아이디어 문서화

패스트 프로토타입 제작을 위하여 선별 된 아이디어를 문서화 할 수 있다.

이 작업은 중요합니다. 특히 카피라이트를 잘 해야 합니다.

본인이 내고자하는 디자인의 느낌을 내가 아는 단어로 표현해내는 작업입니다.

예를 들면, '나의 홈페이지를 하나의 문장으로 나타내시오.' 라는 물음에 글로써 답을 할 수 있어야 합니다.

 

여기까지 모바일 UI/UX의 기본적인 특성과 디자인 원칙에 대한 포스팅을 마치겠습니다.

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

감사합니다.

 

 

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

 

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