본문 바로가기
Study/Design

디자인 컨셉과 정보 구조

by ooyu 2022. 2. 18.

 

디자인 컨셉이란?

텍스트, 스케치, 이미지 등으로 이루어진 핵심 아이디어로서, 내가 생각하는 것이 무엇인지를 설명하는 방식으로 시각적인 문서나 다이어그램의 형태로 만든 것이라 할 수 있다.

 

예를 들어, 친구에게 미래의 학교는 어떻게 바뀔 것인지에 대해 '말'로 설명한다고 했을 때, 친구는 자신의 지식과 상상력을 바탕으로 생각을 하게 될 것이다. 이럴 경우 내가 전달하고자 하는 미래의 학교와 친구가 생각하는 미래의 학교 사이에 괴리가 생길 수 있다. 

그렇기 때문에 컨셉을 설명할 때 정확한 표현, 문구, 상황, 시각적 자료를 사용해 설명하는 것이 중요하다.

 

우리가 만들고자 하는 것이 어떠한 것들이고 '이러한 디자인으로 나올 것이다'라고 추구하는 방향성을 보여주고 설명하기 위해서 컨셉 디자인을 작성하는 경우가 많다.

컨셉 디자인은 이상과 현실의 중간 단계 정도로 볼 수 있다.

현실적이지 않은 부분이 있지만 '구현은 가능한지', '회사의 서비스와 컨셉은 일치하는지', '표준 위반의 여지는 없는지' 등 현실적으로 고민해야 할 부분들을 컨셉 디자인을 통해 알 수 있다.

규모가 큰 디자인 컨셉만 있는 게 아니라, 기존에 서비스 중인 제품의 업데이트에도 디자인 컨셉이 정의될 수 있다.

 

 

UX 디자인 컨셉의 고려 사항

디자인 컨셉에서 제품의 목표, 범위, 정황, 전략이 잘 드러나야 한다.

제품의 어디에서부터 컨셉이 시작되는지 정하고, (목표)

제품 내에서 어떻게 서비스를 제공할 것인지 등의 서비스의 범위 정한 후, (범위)

기술적인 부분에서 문제가 없는지 여러 팀들과 디자인 컨셉을 보고 수정, 보완 작업을 거친 후, (정황)

최종적으로 디자인 컨셉을 적용했을 때 얻게 되는 기대효과를 확인할 수 있다. (전략)

 

제품을 업데이트 함으로써 사용자가 우리의 서비스를 사용하기 시작하고 끝낼 때까지 과정을 그려놓고

어느 부분에서 새로운 기능을 추가하고, 어느 부분에서 사용자에게 기능을 제공하고, 우리는 기대효과를 얻는다.

 

디자인 컨셉 문서를 작성할 때는 무엇을 만들 것인지, 어떻게 만들 것인지, 왜 만들어야 하는지 등을 기술하고 정보 구조와 컨셉 디자인을 그려 넣는다.

 

 

디자인 컨셉 맵 (Design Concept Map)

우리가 추구하고자 하는 디자인 컨셉을 기점으로 하여 방사형으로 연관된 노드들을 뻗어나가는 형태로 만들어진다.

노드와 노드 사이에 역할, 행동을 작성하면서 맵을 그려보면 디자인 컨셉을 중심으로 사고를 확장하고 무엇이 중요한지 파악하는데 도움이 된다.

 

 

 

정보구조란?

앱 또는 웹에서 제공하는 정보와 기능을 선후관계, 종속관계 등의 계층구조 형태로 정의하는 것이라 할 수 있다.

 

 

정보 구조를 디자인할 때 생각해야 하는 것

Context (비즈니스 전략, 목표 등), Content (한 번에 전달할 정보의 양, 정보의 형태 등), User (사용자의 니즈, 과업의 난이도 등)을 모두 고려해야 한다.

또한 정보를 얼마나 찾기 쉽게 디자인되었는가, 내부의 항목이 변경되어도 전체적인 형태가 유지되는지 등을 생각해보아야 한다.

 

 

정보 구조의 종류

Broad structure

한 번에 보여주는 양이 많고 얕게 구성되어 있는 구조다.

사용 의도가 명확하고 제공해야 하는 정보의 양이 많은 경우 사용된다.

주로 전문가용, 제공하는 정보의 연관성이 낮은 경우에 나타나는 구조다.

Narrow structure

한 번에 보여주는 양이 적고 깊게 구성되어 있는 구조다.

공간의 제약이 있는 모바일에서 주로 사용된다.

처음 보여주는 양을 적게 해서 스트레스 지수를 낮추고 원한 목표를 향해 점점 타고 들어가게 되는 구조다.

깊게 구조를 만들 때 중요한 건 사용자가 예측할 수 있도록 메뉴 간의 연관도가 높아야 한다.

 

 

사용자 검증 (Card sorting)

항목들을 카드에 각각 적고 사용자들에게 카드를 보여주어 어떻게 그룹 짓는지 확인하는 방식이다.

Card sorting은 개방형과 폐쇄형으로 나뉘며, 진행 시간은 5~10분 내로 하는 것이 좋다.

개방형 Card sorting 진행방법

1. 항목들이 적힌 카드를 준비한다.

2. 사용자에게 준비된 카드를 보여준다.

3. 사용자에게 서로 어울린다고 생각되는 카드끼리 그룹을 만들어달라 요청한다.

4. 완료 후 사용자와 함께 그룹에 어울리는 이름을 정한다.

폐쇄형 Card sorting 진행방법

1. 항목들이 적힌 카드를 준비한다.

2. 사용자에게 준비된 카드와 상위 그룹명을 보여준다.

3. 사용자에게 카드들이 어느 그룹명에 어울리는 것 같은지 분류해달라 요청한다.

4. 완료 후 분류한 이유와 만약 그룹명을 변경할 수 있다면 어떻게 변경하고 싶은지 물어본다.

 

 

Card sorting의 장점

사용자가 항목들을 어떻게 이해하고 있으며, 항목명이 사용자가 이해하기 쉽게 정의되었는지 확인할 수 있다.

정의된 항목명이 사용자에게 어렵게 느껴진다면 어떻게 변경하면 이해하기 쉬울 것 같은지 의견을 물어볼 수 있다.

이렇게 항목들을 바라보는 사용자의 언어를 파악할 수 있으며, 사용자가 항목 간의 계층 관계를 어떻게 바라보고 있는지 파악할 수 있다.

 

 

'Study > Design' 카테고리의 다른 글

디자인 프로세스 및 요구사항 정의  (0) 2022.02.20
디자인 시스템  (0) 2022.02.19
UIUX 퍼소나  (0) 2022.02.17
애프터 이펙트 컴포지션 생성 및 설정  (0) 2022.02.16
애프터 이펙트 & 작업순서  (0) 2022.02.16

댓글