[인터페이스디자인론] user interface design

[인터페이스 디자인론 수업]

사용자 인터페이스 디자인

 

 

안좋은 사용성이란?

● 고객에게  To the customer

-Lost productivity

-> 제품 효용을 감소시킴

-Lost Business opportunities 

-> 업무의 기회를 감소시킴

-Increased training and support costs

-> 지원 비용과 연습 과정의 증가

-Underutilized equipment and software

-> 장비와 소프트웨어 필요의 증가

 

● 회사에게

-Lost revenue and market share

-> 신 제품 개발시 낮은 고객 접근성

-Slower customer acceptance of new produnce

-> 지원금과 서비스의 증가

-Public image as "unfriendly"

-> 공적인 이미지의 하락 (비친숙)

 

 

User interface의 정의

: 유저 인터페이스란 사용자와 시스템 간의 공유된 경계이다.

시스템 기능에 대한 엑세스(접근)을 제공하는 것이다.

 

User interface의 두가지 항목

●Visual시각적 (보고 느끼는 것) : Button, Full-down, interock

Label, drawer, layout, background color 등..

 

●Interation (상호 작용) : 사용자와 시스템 간의 정보 교환의 조정

사용성의 범위에 대한 조정

 

 

제품에 있어서의 디자인 사용성

 

디자인 원리

-사용자와 과제에 대한 빠른 대처, 그리고 계속적인 집중

- 빠르고 이른 사용자 테스트

- 인터랙티브 디자인

 

●이 원리에 부합하는 양심적인(사려 깊은) 응용 프로그램은 사용자의 접근성 보장

 

< 심플한 사용자 디자인의 가이드 라인>

* 과제와 기능에 부여되는 동작에 드는 사용자의 노력을 축소시켜라.

 

 

● 새로운 산업 구조

 

* 기존 산업 구조

 

시장기반(Market base) -> 리서치&디자인 과정 <- idea , 비용, 재료, 질

-> MFR (제조 과정)

<-

-> 디자인 과정

<-

 

* 새로운 산업 구조

 

시장 기반

디자인 과정

R&D(리서치&디자인)

 

->

<-       디자인, 비용, 재료, 질

 

새로운 역할

->

<- 제조 과정

 

 

<<Double interaction Loops>>

(이중 상호 작용 루프)

 

Psysical Feed back loop

(감각적인 반응)

-> 센서 -> 디지털 세상 -> 디스플레이 -> 감각적 반응

 

Psysical interaction + Digital interaction

(물리적 상호 작용 + 디지털 상호 작용)

 

사업 계획 과정

A. 내부의 아이디어 자료 -> 리서치& 디자인

B. 외부적 아이디어 자료 -> 고객, 경쟁사, 분배자

제품 그룹화

C. 아이디어 전형 (사회, 기술, 환경, 경영)

 

산업(제품 디자인)

 

제품 설계  - 공학 설계 - 제작

A. 사용자 조사 (target)

B. 제품 포지셔닝

C. 아이디어 스케치, 렌더링

D. 디자인 프로토타입 & 테스팅

E. 발전

 

 

제작 과정

A. 제작 시설

B. 테스트 샘플

C. 안전한 평가

D. 대량 재료 제공

E. 대량 생산

 

 

디자인 과정

 

1.리서치: 시장, 현존 제품들, 사용자, 인간 요소, 학제

2.컨셉발전단계: 컨셉 스케치 -> 컨셉 모델 -> 렌더링

3.디자인 발전 단계: 최종 드로잉? -> 모델링

 

좋은 디자인 (Good design) Emotion + logic (감정 + 논리)

 

2) 디자인 조사 (리서치)

제품과 공간에 대한 연습

 

 

전체적인 디자인 리서치 흐름

Needs 파악 -> small idea -> small idea sketch -> idea ranking(서열화)

-> Idea structuring(구조화) -> checklist

 

 

체크 리스트 (Check List)

 

Ui factors (#29)

 

1. 관용성, 유연성

2. 숙련도에 따른 대처

3. 사용자 보호

4. 유니버셜 디자인

5. 다른 문화 대응이 되어 있는지?

6. 즐거움

7. 달성감

8. 사용자의 주체성 확보

9. 신뢰성

10. 실마리

11. 간결성

12. 검색 용이성

13, 일람성

14. 맵핑(mapping)

15. 식별성

16. 일관성

17. 내적 모형(mental model)

18. 정보의 다면적인 제공

19. 적절한 용어, 정보 사용

20. 기억 부담의 경감

22. 조작감

23. 조작의 효율

24. 강조

25. 어포던스 (affordance)

26. 비유 (metaphor)

27. 동작 원리

28. 피드백 (feedback)

29. 도움 (hepl)

 

Universal factor (#9)

1. 조정 : 체형, 신장, 작업 자세, 지각, 인지, 조작등에 관한 숙련도, 장애의 유무 등이 다른 사용자가 기기를 사용할 수 있도록 하는 것.

2. 다양성

3. 사양, 기능이 보인다.

4. 피드백 (feedback)

5. 실수에 대한 관용

6. 정보의 수집

7. 정보의 이해, 판단

8. 조작

9. 정보와 조작의 연속성

 

 

감성 요소 (#9)

1. 디자인 이미지

2. 색채

3. 적합성

4. 형태

5. 기능성, 편리성

6. 분위기

7. 새로운 조합

8. 질감

9. 의외설

 

안전 요소 (#6)

1. 위험의 제거

2. Foolproof 설계

3. TamperProof 설계

4. 보호 장치 (위험 격리)

5. 인터록 (interlock) 기능을 생각한 설계

6. 경고 표시

 

Ecology 요소 (#5)

1. 내구성이 있을 것

2. 리사이클이 가능

3. 재료를 줄임

4. 적절한 재료의 선정

5. Flexibility가 있는 디자인 (부품의 교환성)

 

Low Burst 요소 (#5)

1. 재료를 바꿈

2. 형태 배려

3. 구조를 거모

4. 응력에 대응한 디자인

5. 사용자의 무의식적인 행동에 대응한 디자인

 

유지 요소 (#2)

1. 보수성의 확보

2. 접근성의 확보

 

공간에서의 Needs 파악

1. 신체적인 측면

2. 두뇌적인 측면

3. 시간적인 측면

4. 환경적인 측면

5. 운용적인 측면