G.E.K.O in mobile

var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-23785980-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })();

[gekolab-blog]

기술과 ux 의 관계

아래 그래프는 1998년 Donald Norman  이 작성한 기술과 사용자 경험의 상관관계를 

시간과 퍼포먼스라는 2개의 축으로 그린것이다.

물론 시간이라는 변수가 있긴 하지만 일반 사용자의 경우에 어떤 하이엔드 기술 자체에 대한 

전적으로 사용자 경험을 지배 하지 않는 다고 이야기 하고 있다.

적절성과 밸런스...

이것이 앱을 바라볼 수 있는 중요한 시각

[gekolab-blog]

the goal of design strategy

왜! 디자인 전략이 필요한지 ! 자존의 디자인 !

[gekolab-blog]

사용자 경험의 대표적인 업체 ADAPTIVE PATH 링크입니다. 

[gekolab-blog]

what's makes UX...리듬의 적용

모든것은 각자의 리듬을 지닌다...

이런 높낮이, 이러한 짧고 긴, 패턴을 띄고 있는 리듬은 사람의 경험에 중요한 영향을 끼칩니다.단순히 컨텐츠의 나열이 아닌 리드미컬한 컨텐츠의 나열은 조금 더, 하지만 좀 더 다른 사용자 경험을 만들어내리라 생각한다.

회사 작업의 경우 우리는 강약중간약, 혹은 강약 강 같은 리듬으로 결정한다.

즉 어떠한 레벨에 컨텐츠를 강하게 담을 것인지 혹은 이펙트를 담아 줄것인지를 리드미컬하게 체크를 해둔다. 물론 각 부분에 대한 컨텐츠 디렉션은 이미 컨텐츠 컨버팅 작업에서 어느정도 방향이 잡혀 있어야 한다. 

예를 들어 A라는 메뉴에는 단순한 텍스트로 메뉴를 전달하는데 포커스를 맞추고 ( 약 ) 

임의의 메뉴 A-1 같은 경우 캐릭터가 나와서 어떠한 컨텐츠를 동적으로 전달하게 한다 ( 강 ) 는 리듬이 정해지는 것이다. 이 부분에 대해서는 사실 내부적으로 의견들이 분분했다. 하지만 디자인에 기본 원리가 어떠한 변화라는 것을 생각해 보거나, 세상의 모든 유무형의 존재들은 그러한 리듬을 내재하고 있고, 이것이 사용자의 어떠한 중요한 EXPERIENCE 라고 판단 했다.

[gekolab-blog]

1st app design process

[gekolab-blog]

Application development process

creation process 를 기반으로 한 전체 어플리케이션 프로세스 입니다.

[gekolab-blog]

CROSS PLATFORM EXPERIENCE

 일반 pc 에서 줄수 있는 웹, 어플리케이션 <-> 타블렛에서의 경험 <-> 스마트폰에서의 경험.이 세가지 플랫폼에서의 디자인은 사실상 유사함을 가지고 가지만 각각의 디바이스가 가지는 물리적인 spec, 성능등에 따라  경험을 디자인할때 차이가 분명히 존재한다.

[gekolab-blog]

디자인 전략을 이루는 layer의 구성 :

디자인 전략은 단순히 디자인 필드내에서의 전략적인 계획이나 전술 차원의 프레임이 아니다. 디자인 전략은 3개의 레이어가 반영된, 복합적으로 분석된 결과이다. 하기의 디자인 전략 레이어는 비지니스의 기초가 되는 3C 분석과 크게 다르지는 않지만 시장에 대한 분석과 디자인 EXPERTISE 에 대한 분석을 통해 design-oriented 된 전략 구체화가 가능하다.

[gekolab-blog]

IA 의 적용

GEKO 플랫폼에서는 다양한 툴과 방법론을 제공합니다.

INSLAB 에서는 

HIERARCHY 타입을 통해 각 레벨의 관계와 밸런스를 적절히 관계짓는 작업을 

컨텐츠 패키징 하는데 중요한 포인트 툴로 사용하고 있습니다.

.

장점

수직이든 수평이든 계층구조를 파악할 수 있는 Hierarchy 를 추천 하는 이유는 하나의 어떤 메뉴 같은 경우 그 메뉴가 가진 부분보다 상대적으로 그 메뉴가 다른 메뉴와 비교 했을떄 전체적인 레벨을 볼 수 있기 떄문이다. 즉, 어떠한 위치에 속한 메뉴의 내용이 나머지 레벨에 속한 메뉴와 비교 했을뗴 적절한가를 봐야 하기 떄문이다. 족보를 생각하면 이해가 쉬울거라 생각된다.

[gekolab-blog]

design prototyping

design prototyping 의 대상과 목적

1. 클라이언트와의 커뮤니케이션 : 앞서서도 언급을 했지만 스타일 가이드에 대한 작업이 완료되어 클라이언트가 컨펌을 했다 하더라도 실제 작업이 진행될 경우 전체적인 밸런스나 일관성 대신 취향적인 판단으로 변경이나 교체를 요구 하기도 한다. 이 경우는 대부분의 경우 수정을 할 수 밖에 없는데 그 전에 앱이 어떤 실질적인 모습을 띄게 될지를 보여 주고 이에 대한 커뮤니케이션을 가능하게 한다. 

2. 협업에 대한 커뮤니케이션 툴 : 중간 점검의 경우 앞서 기획팀으로 받은, 혹은 누군가가 정리를 한 IA, 메뉴 패키징을 통한 컨텐츠의 충실도, 와이어 프레임을 통한 사용자에 대한 고려, 적절성에 대해 어느정도 비쥬얼 작업이 진행된 만큼 이에 대해 개발, 기획 에서 이 내용에 대해 다시 한번 검토를 하기 위한 중요한 과정이다. 

[gekolab-blog]

INS LAB 의 DESIGN PROTOTYPING GUIDE LINE

1. 기획에 대한 반영 : 어플리케이션 기획에 충실하게 반영되었는가?

2. 디자인 방향에 대한 일치성 : 디자인 컨셉, 컨텐츠 전략이 충실히 반영되었는가? 

3. 구현 이슈 : 개발 구현에 대한 문제점은 없는가?

4. 컨텐츠 구성의 적절성 : 컨텐츠가 로지컬하게 혹은 이모셔널하게 전달이 되도록 구성이 되었는가?

5. 사용자 경험 : 사용자가 얻는 경험은 무엇인가? 어떠한 밸류가 있는가?

6. 차별성 : 차별화 되는 요소는 무엇인가? 사용자를 매혹 시킬 요소는 있는가?

[gekolab-blog]

스타일 가이드에서의 UX 고려 사항! by INSLAB GEKO group

1.사용자에게 정확한 의도를 전달하라 : 

앱 성격에 맞는 디자인 가이드 라인으로 일체감을 준다.

2. 재미 보다는 단순함이 매력적일 것이다 :

 내용이 복잡할것으로 예상되는 경우 gui 및 그래픽은 최소한 단순화 해서 표현한다.

3. 디테일의 변화가 고급스럽다. 

동일한 포맷의 그래픽이 반복될 경우 컬러의 변화로 지루하지 않게 한다.

4. 기본적인 아이콘은 텍스트보다 낫다 :  

가능하면 형태적으로 기능을 표현하여 사용자가 인지를 쉽게 한다.

[gekolab-blog]

디자이닝에 있어서의 툴

디자이너의 경우 각자가 잘 다루는 툴이 있다. 회사 디자인팀의 경우도 각자가 잘 다루는 툴이 달았다. 또한 여러가지 툴을 다룰줄 알아도 특별히 잘 다루는 툴이 있기 마련이다. 팀 작업일 경우 툴의 문제는 작업 플랫폼의 문제라 동일한 경우가 제일 좋지만 그렇지 못한것이 현실이기 떄문에 이 부분에 확실한 툴을 기준으로 작업하는것이 이상적이다.

하지만, 디자이너의 수준차나 경력차로 인해 작업툴의 통일이 여의치 않다면 최종적인 결과물만 동일한 프로그램으로 가이드를 잡고 여러 가지 상황에 대해 기준으로 잡는것이 좋다.

가능하다면 툴에 대한 기본 가이드를 잡아두는것이 초기에는 어려울수 있지만 작업의 효율성을 위해 방안을 마련해두는것이 좋다.

[gekolab-blog]

about converting contents

1.  내가 생각하고 있는 앱이 누구를 위해, 어떤 목적으로, 어떠한 방식, 어떠한 포맷으로 전달할것인지 이야기 하는것이다. 개발자의 입장도 아니고, 디자이너의 입장도 아닌 사용하게 될 사람의 입장을 생각해서 작성하면 될것이다. 물론 이 부분의 경우 규모가 있는 회사에 속해 있는 사람들은 이러한 작업들이 기획이나 누군가가 정의해서 줄 수도 있을것이다. 그렇다고 해도 디자인의 관점에서 다시 한번 컨버팅을 해야 한다. 

[gekolab-blog]

와이어 프레이밍을 통한 IA 와의 맵핑 시간 중 한장! 

[gekolab-blog]

chapter 1 에 이어  geko 의 전략적 배경 chapter 2 입니다.

[gekolab-blog]

하기 내용은 geko 의 전략적 배경 chapter 1 입니다.