Mais conteรบdo relacionado Semelhante a Zero effort UX UI Strategy (20) Zero effort UX UI Strategy 2. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI)
Table of Contents
โข Zero Effort UX/UI ๋ ๋ฌด์์ด๋ฉฐ, ์ด๋ค ์ ๋ต์ด ํ์ํ๊ฐ?
โข ์ฌ๋์ ์ข ๋ ์ดํดํ ์ ์๋ค๋ฉด, ์ฌ์ฉ์ฑ์ ํฅ์์ํฌ ์ ์๋ค?
โข ์ฌ์ฉ์ฑ์ ๋ช ๊ฐ์ง ์์น ์ข, ๋นจ๋ฆฌ ํ์ด๋ณผ๊น!?
โข ์ฌ๋ก, ๊ณ ๊ฑฐ! ๊ณ ๊ฑฐ๊ฐ ์ข ํ์ํ์ง!!
โข Next Big Agenda
1
4. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI)
Zero Effort UI/UX Strategic Framework by Billy Choi
Zero Effort
UI/UX Strategy Load
Law of
conservation of
complexity
Quality in Use
F-shaped
pattern
based
Satisficing
โ์ธ์ง/์๊ฐ/์ด๋
๋ถํ์ ์ธํฐํ์ด์ค
๋ณต์ก์ฑ์ ํ์ ์ ์ผ๋ก
์ค์ด๊ณ , Fํจํด์
๋ถํฅํ๋ฉฐ, ๋์
์ฌ์ฉํ์ง์
๋ด์ฌํํ๋ ๊ฒโ
by Billy Choi
(@ILOVEHCI)
C+V+M=0
์ธ์ง๋ถํ(Cognitive),
์๊ฐ๋ถํ(Visual),
์ด๋๋ถํ(Motor)
I.C=0%, S.C=100%
์ฌ์ฉ์ ์ธํฐํ์ด์ค์
๋ณต์ก์ฑ(Interface
Complexity),
์์คํ
์
๋ณต์ก์ฑ(System
Complexity)
I=100%, L=0%,
Ef=
M=0%, Er=0%
S=100%
Intuitive design,
ease of Learning,
Efficiency of use,
Memorability,
Error frequency and
severity,
subjective
Satisfaction
๋ถํ ๋ณต์ก์ฑ ๋ณด์กด์ ๋ฒ์น ์ฌ์ฉํ์ง
Interface=F
๋ง์กฑํ ์๋ฆฌ์
๊ธฐ๋ฐํ Fํจํด
3
5. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI)
Zero Effort UI/UX Strategic Framework(continue)
Zero Effort
UI/UX Strategy Load
C+V+M=0
์ธ์ง๋ถํ(Cognitive),
์๊ฐ๋ถํ(Visual),
์ด๋๋ถํ(Motor)
๋ถํ
4
โ์ธ์ง/์๊ฐ/์ด๋
๋ถํ์ ์ธํฐํ์ด์ค
๋ณต์ก์ฑ์ ํ์ ์ ์ผ๋ก
์ค์ด๊ณ , Fํจํด์
๋ถํฅํ๋ฉฐ, ๋์
์ฌ์ฉํ์ง์
๋ด์ฌํํ๋ ๊ฒโ
by Billy Choi
(@ILOVEHCI)
6. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI)
์ธ๊ฐ์ ์์ ๋ฉ์ด๋ฆฌ์ ์ ๋ณด๋ฅผ ๋ ์ ์ฒ๋ฆฌํ ์ ์๋ค
โข ๋๋ ๋งค์ด 400์ต ๊ฐ ์ ๋์ ์ ๋ณด์กฐ๊ฐ์ ๋ค๋ฃฐ ์๋ ์์ผ๋ ๊ทธ ์ค์ ์์์ ์ผ๋ก ์ฒ๋ฆฌํ ์
์๋ ์ซ์๋ 40์ฌ ๊ฐ ์ ๋์ ๋ถ๊ณผํ๋ค.
โข ๋์์ด๋๋ค์ด ์์ฃผ ์ ์ง๋ฅด๋ ์ค์ ์ค ํ๋๋ ํ ๋ฒ์ ๋๋ฌด ๋ง์ ์์ ์ ๋ณด๋ฅผ ์ ๊ณตํ๋
๊ฒ์ด๋ค.
โข ๋จ๊ณ์ ๋
ธ์ถ ๊ธฐ๋ฒ(progressive disclosure)์ ์ฌ์ฉํ์. ์ฌ์ฉ์์๊ฒ ์ง๊ธ ๋น์ฅ ๋ฑ ํ์ํ
์์ ์ ๋ณด๋ง ์ ๊ณตํจ์ผ๋ก์จ ์ง๋ฆฌ์ง ์๊ฒ ํ๊ณ , ๊ฐ๊ธฐ ๋ค๋ฅธ ์ฌ๋๋ค์ ๋์ฆ๋ฅผ ์ฑ์ธ ์ ์๋ค.
โข ํ๋ก์ธ์ค์ ๊ธธ์ด๋ฅผ ์งง๊ฒ ๋ณด์ด๊ฒ ํ๋ ค๋ฉด ๊ฐ ๊ณผ์ ์ ๋จ๊ณ๋ฅผ ์งง๊ฒ ๋๋๊ณ ์ฌ๋๋ค์ด ์๊ฐ์
์ ๊ฒ ํ๊ฒ๋ ๋ง๋ ๋ค. ์ธ์ง ์ฒ๋ฆฌ๋ ํ๋ก์ธ์ค ์ ์ฒด๋ฅผ ๊ธธ์ด ๋ณด์ด๊ฒ ๋ง๋ค๊ธฐ ๋๋ฌธ์ด๋ค. ์ธ์ง
์ฒ๋ฆฌ๋ฅผ ๋ ๋ง์ด ํ ์๋ก ์ค์ ๋ณด๋ค ๋ ๋ง์ ์๊ฐ์ด ํ๋ ๋ค๊ณ ์๊ฐํ๋ ๊ฒฝํฅ(์๊ฐ ์ฐฉ์)์ด
์๋ค.
5
8. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI)
์ธ๊ฐ์ ์์ ๋ฉ์ด๋ฆฌ์ ์ ๋ณด๋ฅผ ๋ ์ ์ฒ๋ฆฌํ ์ ์๋ค(๊ณ์)
โข ์ฌ๋์๊ฒ ๊ฐ์ฅ ๋น์ฉ์ด ๋ง์ด ๋๋ ๋ถํ(load)๋ ์ธ์ง ๋ถํ(cognitive), ์๊ฐ ๋ถํ(visual),
์ด๋ ๋ถํ(motor)๊ฐ ์๋ค.
โข ๋จ๊ณ์ ๋
ธ์ถ ๊ธฐ๋ฒ์๋ ์ฌ๋ฌ ๋ฒ์ ํด๋ฆญ์ด ํ์ํ๋ค. ์ฌ๊ณ (thinking)์ ํด๋ฆญ ์ ์ฌ์ด์์์
๊ธฐํ ๋น์ฉ(trade-off)์ ์๊ฐํด์ผ ํ๋ค๋ฉด, ์ฐจ๋ผ๋ฆฌ ๋ง์ ํด๋ฆญ ์๋ฅผ ํํ๊ณ , ์กฐ๊ธ ๋
์๊ฐํ๊ฒ ํ๋ผ.(use more click and less thinking)
โข ์ฌ์ฉ์๊ฐ ํด๋ฆญํด์ผ ํ ํ์๋ฅผ ๋ ์ถ๊ฐํ๋๋ผ๋ ์ฌ์ฉ์๊ฐ ๊ทธ๋งํผ ์๊ฐํ๊ฑฐ๋ ๊ธฐ์ตํด์ผ ํ
ํ์๊ฐ ์์ด์ง๋ค๋ฉด ์ด๊ฒ์ ๊ฐ์น๊ฐ ์๋ค. ํด๋ฆญ์ ์ถ๊ฐํ๋ ๊ฒ์ด ์๊ฐํ๋ ๊ฒ๋ณด๋ค
์ฌ์ฉ์์๊ฒ ๋ ์ ์ ์ธ์ง๋ถํ๋ฅผ ์ฃผ๊ธฐ ๋๋ฌธ์ด๋ค.
โข ๋จ๊ณ์ ๋
ธ์ถ์ ์ค๊ณํ๊ธฐ ์ ์ฌ์ฉ์๊ฐ ์ํ๋ ์ ๋ณด, ์ํ๋ ํ์ด๋ฐ์ ๋ํ ์ฌ์ฉ์ ์ฐ๊ตฌ๋ฅผ
์ถฉ๋ถํ ์ค์ํ๋ค. ์ ํํ๊ฒ ์ฌ์ฉ์๊ฐ ์ํ๋ ๊ฒ๊ณผ ์ํ๋ ์์ ์ ํ์คํ ์ ๋๋ง
์ ๊ตฌ์ค์ ํ ์ ์๋ค.
7
11. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI)
ํผํธ์ ๋ฒ์น์ผ๋ก ์ด๋ ๋ถํ๋ฅผ ์ค์ผ ์ ์๋ค
โข ํผํธ์ ๋ฒ์น์ ๋ฒํผ์ด๋ ํ์ดํ์ ๋์ด๋ฅผ ๊ณผํ์ ์ผ๋ก ๊ฒฐ์ ํ ์ ์๋ ๋ฐฉ๋ฒ์ด๋ค. ๋ํ
์๋, ์ ํ๋, ๊ฑฐ๋ฆฌ๊ฐ ์ฐ๊ด๊ด๊ณ์ ์๋ค๋ ์ฌ์ค๋ ์ ์ ์๋ค.
โข ์ด๋ ๋ถํ๋ฅผ ์ค์ด๋ ๋ฐฉ๋ฒ ์ค ํ๋๋ ์ฌ์ฉ์๊ฐ ํด๋ฆญํ๊ธฐ ํ๋ค ์ ๋๋ก ์์ฃผ ๋ฉ๋ฆฌ ๋จ์ด์ ธ
์๊ฑฐ๋ ์์ฃผ ์๊ฒ ๋ง๋ค์ง ์๋ ๊ฒ์ด๋ค. ์ฆ ์ฌ๋์ด ์ ํํ๋ ํญ๋ชฉ์ ์ถฉ๋ถํ ํค์์ ์ฝ๊ฒ
๋๋ฌํ ์ ์๊ฒ ๋ง๋ค์ด์ผ ํ๋ค.
10
12. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI)
Zero Effort UI/UX Strategic Framework(continue)
Zero Effort
UI/UX Strategy
Law of
conservation of
complexity
I.C=0%, S.C=100%
์ฌ์ฉ์ ์ธํฐํ์ด์ค์
๋ณต์ก์ฑ(Interface
Complexity),
์์คํ
์
๋ณต์ก์ฑ(System
Complexity)
๋ณต์ก์ฑ ๋ณด์กด์ ๋ฒ์น
CLI
GUI
NUI
NEST-like UI
Interface
Complexity
System
Complexity
0% 0%100%
http://youtu.be/L8TkhHgkBsg
11
โ์ธ์ง/์๊ฐ/์ด๋
๋ถํ์ ์ธํฐํ์ด์ค
๋ณต์ก์ฑ์ ํ์ ์ ์ผ๋ก
์ค์ด๊ณ , Fํจํด์
๋ถํฅํ๋ฉฐ, ๋์
์ฌ์ฉํ์ง์
๋ด์ฌํํ๋ ๊ฒโ
by Billy Choi
(@ILOVEHCI)
14. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI)
Zero Effort UI/UX Strategic Framework(continue)
Zero Effort
UI/UX Strategy Quality in Use
I=100%, L=0%,
Ef=
M=0%, Er=0%
S=100%
Intuitive design,
ease of Learning,
Efficiency of use,
Memorability,
Error frequency and
severity,
subjective
Satisfaction
์ฌ์ฉํ์ง
โข Intuitive design: a nearly effortless understanding
of the architecture and navigation of the site
โข Ease of learning: how fast a user who has never
seen the user interface before can accomplish
basic tasks
โข Efficiency of use: How fast an experienced user
can accomplish tasks
โข Memorability: after visiting the site, if a user can
remember enough to use it effectively in future
visits
โข Error frequency and severity: how often users
make errors while using the system, how serious
the errors are, and how users recover from the
errors
โข Subjective satisfaction: If the user likes using the
system
http://www.designresourcebox.com/why-usability-is-the-most-important-aspect-of-designing-a-site/
13
โ์ธ์ง/์๊ฐ/์ด๋
๋ถํ์ ์ธํฐํ์ด์ค
๋ณต์ก์ฑ์ ํ์ ์ ์ผ๋ก
์ค์ด๊ณ , Fํจํด์
๋ถํฅํ๋ฉฐ, ๋์
์ฌ์ฉํ์ง์
๋ด์ฌํํ๋ ๊ฒโ
by Billy Choi
(@ILOVEHCI)
15. ์ฌ์ฉ์ฑ(Usability)์ ์ฌ์ฉ์๊ฐ ํน์ ๋งฅ๋ฝ์์ ํน์
๋ชฉํ๋ฅผ ๋ฌ์ฑํ๊ธฐ ์ํด ๋์งํธ ์์คํ
์
์ ๋ฐ์ ์ผ๋ก ํธ๋ฆฌํ๊ฒ ์ด์ฉํ ์ ์๋ ์ ๋
์ฌ์ฉํ์ง(Quality in Use)์ ์ฌํ์ , ๋ฌผ๋ฆฌ์ , ๊ธฐ์ ์
ํ๊ฒฝ ๋ฑ์ ํฌํจํ๋ ๋ค์ํ ์ค์ ์ฌ์ฉ ํ๊ฒฝ์์
์์คํ
์ ํตํด ๊ณผ์
์ ์ํํ๋ฉด์, ์ฌ์ฉ์๊ฐ
๋๋ผ๋ ํจ์จ์ฑ, ํจ๊ณผ์ฑ, ๋ง์กฑ๋๋ฅผ ํฌํจํ๋
์ด์ฒด์ ์ธ ํ์ง
(ISO 9241-11, ISO 13407)
16. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI)
Zero Effort UI/UX Strategic Framework(continue)
Zero Effort
UI/UX Strategy
F-shaped
pattern
based
Satisficing
Interface=F
๋ง์กฑํ ์๋ฆฌ์
๊ธฐ๋ฐํ Fํจํด
HCI Quick Guide (Emanuel Fernandes, May 2010)
15
โ์ธ์ง/์๊ฐ/์ด๋
๋ถํ์ ์ธํฐํ์ด์ค
๋ณต์ก์ฑ์ ํ์ ์ ์ผ๋ก
์ค์ด๊ณ , Fํจํด์
๋ถํฅํ๋ฉฐ, ๋์
์ฌ์ฉํ์ง์
๋ด์ฌํํ๋ ๊ฒโ
by Billy Choi
(@ILOVEHCI)
17. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI)
์ฌ๋์ ์ ์ฒ์ ์ผ๋ก ๊ฒ์ผ๋ฅด๋ค
โข ํ ๊ณผ์
์ ๋ง์น๊ธฐ ์ํด ์ต์ํ์ ์ผ๋ง ํ๋ค. ๊ฒ์ผ๋ฆ=ํจ์จ์ ?!
โข ๋ง์กฑํ(satisficing)์ ์๋ฆฌ: ํ๋ฒํธ ์ฌ์ด๋จผ(Herbert Simon) ๊ฐ๋
์ ๋ฆฝ. ์ฌ๋๋ค์ ์์ฌ๊ฒฐ์
์ ์ต์ ์ ๋ฐฉ์์ด๋ ์๋ฒฝํ ๋ฐฉ์์ ์ฐพ๊ณ ์ ๋
ธ๋ ฅํ๊ธฐ๋ณด๋ค โ์ ์ ํ์ง(what will do)โ ํน์
โ์ถฉ๋ถํ ์ ๋(what is โgood enoughโ)โ๋ฅผ ๋ฐํ์ผ๋ก ์์ฌ ๊ฒฐ์ ํ๋ค; ์ ๋ณด ์์ง
์ด๋ก (Information foraging)
โข ์ ๋
์ด ์๋๋ผ ํ์ด๋ณด๋ ๋์์ธ ์๋ ํ์(for scanning, not reading)
โข ์ฌ๋์ด ํน์ ์น์ฌ์ดํธ์ ๋ํด ์ฌ์ฉํ๊ธฐ ์ฝ๋ค๊ณ ๋๋ผ๋ ๊ฒ์ 1~2์ด ๋ณด๋ ๋๋๋ง์ผ๋ก
๊ฒฐ์ ๋๋ค. ๋ง์กฑ๋์ ๊ดํ ์ฒซ ์ธ์์ ํด๋น ์น์ฌ์ดํธ์ ๊ณ์ ๋ฐฉ๋ฌธํ ์ง ๊ฒฐ์ ํ๋๋ฐ ๋งค์ฐ
์ค์ํ๋ค.
โข ์๋ฌด ๊ฒ๋ ํ์ง ์๋ ๊ฒ์ ์ฌ๋์ ์ง์ฆ๋๊ณ ๋ถ์พํ๊ฒ ๋ง๋ ๋ค. ๋ฐ์ ๋ ๋์ฑ ํ๋ณตํ๋ค. ์ฆ
์ฌ๋๋ค์ ๊ฒ์ผ๋ฅด๊ฒ ์๊ณ ์ถ์ดํ์ง ์๋๋ค. ๊ฒ์ผ๋ฅด๊ฒ ์๊ธฐ๋ณด๋ค๋ ์ผ์ ํ๊ณ ์ถ์ดํ์ง๋ง
๊ทธ ์ผ์ด ๊ฐ์น๊ฐ ์์ด ๋ณด์ฌ์ผ ํ๋ค.
16
20. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI)
์ฌ๋๋ค์ ๊ณผ๊ฑฐ์ ๊ฒฝํ๊ณผ ๊ธฐ๋์ ๊ทผ๊ฑฐํด ํ๋ฉด์ ํ์ด๋ณธ๋ค
โข ์ฌ์ฉ์๋ค์ ๊ณผ์
, ๊ธฐ๋, ๊ฒฝํ์ ๋ฐ๋ผ ๋ถ๋ถ์ ์ผ๋ก ๋ค๋ฅด๊ฒ ํ๋ฉด์ ํ์ด๋ณด๋ ํจํด์ด
๋ํ๋๋ค. ์๋ฅผ ๋ค๋ฉด, ์ผ์ชฝ์์ ์ค๋ฅธ์ชฝ ๋ฐฉํฅ์ผ๋ก ์ฝ๋ ์ธ์ด๋ฅผ ์ฌ์ฉํ๋ค๋ฉด, ํ๋ฉด์
์ผ์ชฝ๋ถํฐ ๋ณด๊ธฐ ์์ํด ์์ํ ์ค๋ฅธ์ชฝ์ผ๋ก ์์ ์ ์ฎ๊ฒจ์ค๋ ๊ฒฝํฅ์ด ์๊ฑฐ๋ ๊ณง์ฅ ํ๋ฉด์
์ ์ค์์ ์์ํ๊ณ ํ๋ฉด์ ๊ฐ์ฅ์๋ฆฌ๋ ๋ณด์ง ์๋ ๊ฒฝํฅ๋ ์๋ค.
โข ์ฌ์ฉ์๋ค์ ์์ ์ ๋ฉํ ๋ชจ๋ธ์ ์๊ฑฐํด ํ๋ฉด์ ๋ณธ๋ค.
โข ์ค์ํ ์ ๋ณด(ํน์ ์ด๋ชฉ์ ๋๊ณ ์ถ์ ๋์)๋ ํ๋ฉด ์๋ฅผ ๊ธฐ์ค์ผ๋ก 3๋ถ์ 1 ์ง์ , ํน์
์ ์ค์์ ๋ฐฐ์นํ๋ค. ํ๋ฉด์ ๋ชจ์๋ฆฌ๋ ์ฌ๋๋ค์ด ์ ๋ณด์ง ์๋ ๊ณณ์ด๋ฏ๋ก ์ค์ํ ๋ด์ฉ์
๋ฐฐ์นํ์ง ์๋๋ค.
โข ์์ ์ ๋ถ์ฐ์์ผ์ ์ฌ์ฉ์์๊ฒ ์ต์ํ ๋
์ ํจํด์ ๊นจ๋ ํ์๋ ์์ ํ๋ค.
โข ๋ฌธ์ ๊ฐ ์๊ธฐ๋ฉด ์ฌ์ฉ์์ ์์ผ๋ ์ข์์ง๋ค.
โข ์ฌ๋์ ์ ๋ขฐ์ ์ฒซ ๋ฒ์งธ ์งํ๋ก ์ธ๊ด๊ณผ ๋๋(look & feel)์ ์ฌ์ฉํ๋ค.(ํ์ ๊ตฌ์ฑ, ์์,
ํฐํธ, ํ
์คํธ ํฌ๊ธฐ, ๋ ์ด์์, ๋ด๋น๊ฒ์ด์
, ์น์ฌ์ดํธ ์ด๋ฆ ๋ฑ)
19
26. ํ๋ ๋์ ์๋ ๋ค์ํ ์ธ๋ถ์ ์ธ ๋ด์ฉ๊ณผ ํน์ง์ด ์์์๋
๋๋ถ๋ถ์ ์ฌ๋๋ค์๊ฒ ๊ฐ์ฅ ์ค์ํ ๊ฒ์ ์๊น๊ณผ ํฌ๊ธฐ ๋ฟ์ด๋ค
27. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI)
์ฐ๋ฆฌ๊ฐ ๋ณด๋ ๊ฒ ๊ทธ๋๋ก ๋๊ฐ ๋ฐ์๋ค์ด๋ ๊ฒ์ ์๋๋ค
โข ๋๋ ์ฃผ๋ณ ํ๊ฒฝ์ ๋น ๋ฅด๊ฒ ์ธ์ํ๊ณ ์ ์ง๋ฆ๊ธธ์ ๋ง๋ค์ด๋ธ๋ค. ๋๋ ์
๋ ฅ ์ ๋ณด๋ฅผ ๊ณผ๊ฑฐ์
๊ฒฝํ์ ๋ฐํ์ผ๋ก ์ฃผ๋จน๊ตฌ๊ตฌ์์ผ๋ก ์กฐํฉํด ์ฐ๋ฆฌ๊ฐ ๋ณด๋ ๊ฒ์ ๋ํด ์ถ์ธกํ๋ค.
โข ์ฐ๋ฆฌ๋ ๋ญ๊ฐ๋ฅผ ์ณ๋ค๋ณผ ์ ์์ง๋ง ์ง์ง ๋ชจ์ต์ ๋ณด์ง๋ ๋ชปํ๋ค. ์ฌ๋๋ค์ ๋น๋ฉดํ ์ผ์ ํ๋
๋ฐ ํ์ํ ๊ฒ์๋ง(์ค์ํ ๋จ์, salient cures) ์ฃผ์๋ฅผ ๊ธฐ์ธ์ธ๋ค.
โข ์ฌ๋๋ค์ด ์น ํ์ด์ง ๋ฑ์์ ๋ณผ ๊ฒ์ผ๋ก ์๊ฐํ๋ ๊ฒ๊ณผ ์ค์ ๋ก ๋ณด๋ ๊ฒ์๋ ์ฐจ์ด๊ฐ ์๋ค.
์ด๋ ์๊ฐ ์ ๋ณด๋ฅผ ๋ฐ์๋ค์ด๋ ์ฌ์ฉ์์ ๋ฐฐ๊ฒฝ, ์ง์, ์น๋ฐ๊ฐ๊ณผ ๊ธฐ๋ ์ฌ๋ฆฌ์ ๋ฐ๋ผ ๋ฌ๋ผ์ง
์ ์๋ค.
โข ์ฐ๋ฆฌ๋ ํน์ ์ฌ๋ฌผ์ด ๋ณด์ด๋ ๋ฐฉ๋ฒ์ ์ ์ ํ๊ฒ ์กฐ์ ํด ์ฌ์ฉ์๊ฐ ๊ธฐํ์์ ์๋๋๋ก
์๊ฐ์ ๋ณด๋ฅผ ๋ฐ์๋ค์ผ ์ ์๊ฒ ์ค๋ํ ํ์๊ฐ ์๋ค.
26
29. ์ฌ์ง๊ณผ ๊ธ์ด ๊ฐ๊น์ด์ ์๊ณ , ์ฐ๋ฆฌ๋ ์ผ์ชฝ์์ ์ค๋ฅธ์ชฝ์ผ๋ก ์ฑ
์ ์ฝ๊ธฐ ๋๋ฌธ์ ์ฌ์ง์ด
์ค๋ฅธ์ชฝ์ ์๋ ๊ธ๊ณผ ๊ด๋ จ์ด ์๋ค๊ณ ์๊ฐํ ์ง๋ ๋ชจ๋ฅธ๋ค. ํ์ง๋ง ์ด ์ฌ๋ก์์ ์ฌ์ง๊ณผ ๊ด๋ จ๋
๋ด์ฉ์ ์ค์ ๋ก ์ฌ์ง ํ๋จ์ ์์นํด ์์ผ๋ฉฐ, ์ด๊ฒ์ ๋๋ถ๋ถ์ ๋
์์๊ฒ ํผ์ ์ ์ผ์ผํฌ
๊ฒ์ด๋ค.
31. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI)
์ฌ๋๋ค์ ์์ผ ๋ด์์์ ๋ณํ๋ฅผ ๋์น ์ ์๋ค
โข ๋๊ตฌ๊ณต/๊ณ ๋ฆด๋ผ ์คํ์ ๋ฌด์ฃผ์ ๋งน์(inattention blindness)์ ๋ณํ ๋งน์(change
blindness)์ ํ ์์ด๋ค. ์ด๊ฒ์ ์ฌ๋๋ค์ ๋๋๋ก ์์ผ์์ ๋ฒ์ด์ง๋ ํฐ ๋ณํ๋ฅผ ๋์น๊ธฐ๋
ํ๋ค๋ ์ฌ์ค์ ๋ณด์ฌ์ค๋ค.
โข ๊ณ ๋ฆด๋ผ๋ฅผ โ๋ณด๊ธฐ๋โ ํ์ง๋ง 50%๋ง์ด ๊ณ ๋ฆด๋ผ๋ฅผ ์ธ์งํ๋ค. ์ด๊ฒ์ ํ ๊ฐ์ง ์ฌ๋ฌผ์ ์ง์คํ ๋
๋ณํ๋ฅผ ์์ํ์ง ์๊ธฐ ๋๋ฌธ์ ๋ณํ์ ๋ฐ์์ ์ฝ์ฌ๋ฆฌ ์ธ์งํ ์ ์๋ค.
โข ์ปดํจํฐ ํ๋ฉด์ ๋ญ๊ฐ๊ฐ ์๋ค๊ณ ํด์ ์ฌ๋๋ค์ด ๊ทธ๊ฒ์ ๋ชจ๋ ์ธ์งํ ๊ฑฐ๋ผ ๊ฐ์ ํด์๋ ์
๋๋ค. ์๋ก๊ณ ์นจ ๋ฒํผ์ ๋๋ฌ ์์ ๋ ์น ํ์ด์ง๊ฐ ๋ํ๋๋ ๋ญ๊ฐ ๋ฌ๋ผ์ก๋์ง ์ธ์ํ์ง
๋ชปํ๋ ๊ฒฝ์ฐ๊ฐ ์๋ค. ์ด๋ด ๋ ๋ณํ๋ฅผ ๋์น์ฑ๋๋ก ์๊ฐ ์ธ์ ๋ถ๊ฐ์ ์ธ ๊ฐ๊ฐ์ ๋์ํ
ํ์๊ฐ ์๋ค.
30
34. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI)
์ฌ๋๋ค์ ํน์ ์ฌ๋ฌผ์ ์ค๋ช
ํด์ฃผ๋ ์ ํธ๋ฅผ ๋ณธ๋ค
โข ์ฌ์ฉ์๊ฐ ์ ์ถํด๋ด๋ ์ฌ์ฉ๋ฒ์ ์ ํธ๋ฅผ ํ๋์ ๋์ฑ(affordance)๋ผ๊ณ ํ๋ค.
โข 1979๋
์ ์์ค ๊น์จ(James Gibson)์ด ํ๋์ ๋์ฑ ๊ฐ๋
์ฐ๊ตฌ(ํน์ ํ๊ฒฝ์์์ ํ๋
๊ฐ๋ฅ์ฑ)์ ๋จ๊ฒผ๊ณ , 1988๋
๋๋๋ ๋
ธ๋จผ(Donald A. Norman)์ ํ๋์ ๋์ฑ ๊ฐ๋
์ ์ง๊ฐ
ํ๋์ ๋์ฑ์ผ๋ก ์ฌ์ ์ํ๋ค.
โข ์ง๊ฐ ํ๋ ์ ๋์ฑ(perceived affordances)์ ์ฌ๋๋ค์ด ์ด๋ค ์ฌ๋ฌผ์ ๋ํด ํ๋ํ๊ฑฐ๋
๋ฐ์ํ๊ฒ ํ๊ณ ์ถ๋ค๋ฉด ๊ทธ ํ๊ฒฝ์ด ์ปดํจํฐ ํ๋ฉด์ด๋ ์ค์ ์ผ์ ์ํ์ด๋ ๊ทธ ์ฌ๋ฌผ์ด ์ฝ๊ฒ
์ง๊ฐ๋ ์ ์์ด์ผ ํ๊ณ , ์ฐพ์๋ผ ์ ์์ด์ผ ํ๋ฉฐ, ์ ํํ๊ฒ ์ ์ฒด์ฑ์ด ํด์๋ ์ ์๊ณ , ์ด๋ฅผ
ํตํด ๋ฌด์์ ํ ์ ์๊ณ ํด์ผ ํ๋์ง ์ ์ ์์ด์ผ ํ๋ค.
โข ํ์ฌ ์ ํ๋ผ ์๊ฑฐ๋ ํ์ฑํ๋ ๋์์ ๋ณด์ฌ์ค ๋๋ ๊ทธ๋ฆผ์ ํจ๊ณผ๋ฅผ ์ด์ฉํ๋ค. ๋ํ
๋ถ์ ํํ ํ๋์ ๋์ฑ์ ์ ๊ณตํ์ง ์๊ฒ ์ฃผ์ํ๋ค.
โข ๋ง์ฐ์ค๊ฐ ์ฌ๋ผ๊ฐ ์ํ์์ ๋ํ๋๋ ์ ๋ณด๋ ํฐ์น ๊ธฐ๊ธฐ์์ ํ์ธํ๊ธฐ ์ฝ์ง ์๋ค.
33
36. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI)
์ํ, ์์, ์น์ค, ์์ง์, ์ผ๊ตด, ์ด์ผ๊ธฐ๊ฐ ์ต๊ณ ์ ๊ด์ฌ์ ๋ฐ๋๋ค
โข ๊ฐ์ฅ ์ฃผ์๋ฅผ ๋๋ ๊ฒ: ์์ง์ด๋ ๋ชจ๋ ๊ฒ, ์ฐ๋ฆฌ๋ฅผ ์ณ๋ค๋ณด๊ณ ์๋ ์ฌ๋ ์ผ๊ตด ๊ทธ๋ฆผ,
์์/์น์ค/์ํ์ ๋ํ ๊ทธ๋ฆผ, ์ด์ผ๊ธฐ, ํฐ ์์
โข โ๊ฐ์ฅ ์ฃผ์๋ฅผ ๋๋ ๊ฒโ์ ์ค์ค๋ก ์ํ๊ฑฐ๋ ๋ง๊ฑฐ๋ ์ด ๋ชจ๋ ๊ฒ๋ค์ ๋ํด์๋ ์๋์ ์ผ๋ก
์ธ์งํ๊ฒ ๋๋ค.
โข ์น์ฌ์ดํธ๋ ์ํํธ์จ์ด์์ ์์, ์น์ค, ์ํํ ๋ด์ฉ์ ๋ค๋ฃจ๋ ๊ฒ์ด ํญ์ ์ณ์ง๋ ์์ง๋ง
์ ์ฉํ๋ค๋ฉด ๋ง์ ๊ด์ฌ์ ๋ ์๋ ์๋ค.
โข ์ด์ผ๊ธฐ๋ฅผ ํตํด ์ฌ๋์ ๋ง์ ์์ ์ด๋ฏธ์ง๊ฐ ๋ง๋ค์ด์ ธ๋ ๊ฑฐ์ธ ๋ด๋ฐ์ด ํ์ฑํ๋๋ค.
์ฌ๋๋ค์ด ํ๋ํ๊ธธ ์ํ๋ค๋ฉด ์ด์ผ๊ธฐ๋ฅผ ํ์ฉํ์.
โข ๋์์์ ๊ฐ๋ ฅํ๋ค. ์ฌ๋๋ค์ด ๊ฐ๊ธฐ ์ฃผ์ฌ๋ฅผ ๋ง๊ฒ ํ๊ณ ์ถ์๊ฐ? ๊ทธ๋ ๋ค๋ฉด ์ฌ๋๋ค์ด
๋ณ์์์ ์ค์ ์์ ์๋ฐฉ์ ์ข
์ ํ๊ณ ์๋ ์ฅ๋ฉด์ ๋ณด์ฌ์ฃผ์. ๊ฑฐ์ธ ๋ด๋ฐ์ด ์์ฉํ ๊ฒ์ด๋ค.
35
37. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI)
์ฃผ๋ชฉ(attention)์ ์ ํ์ ์ด๋ค
โข ์ ํ์ ์ฃผ์(selective attention): ํน์ ๋์์ ์ฃผ์๋ฅผ ์ง์คํ๋ฉฐ ๊ทธ ์ธ์ ์๊ทน์ ๊ฑธ๋ฌ๋ด๋
๋ฅ๋ ฅ
โข ๋ฌด์์ ์ ํ์ ์ฃผ์(unconscious selective attention): ์ฌ๋์ ๋ฌด์์์ ํน์ ํ ๊ฒ์
๊ฐ์งํ๋ฉฐ ๋์์์ด ์ฃผ๋ณ ํ๊ฒฝ์ ์ฝ๋๋ค. ์ฌ๊ธฐ์๋ ์์ ์ ์ด๋ฆ์ด๋ ์์, ์น์ค, ์ํ ๋ฑ์
์ค์ํ ๋ฉ์์ง๋ฅผ ํฌํจํ ์ ์ฒด ํ๊ฒฝ์ด ํฌํจ๋๋ค.
36
38. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI)
๊ฐ์ ์ ๊ทผ์ก์ ์์ง์๊ณผ ์ฐ๊ฒฐ๋ผ ์์ผ๋ฉฐ, ์ญ์ผ๋ก๋ ์์ฉํ๋ค
โข ์ฌ๋์ ๋ค๋ฅธ ์ด์ ํ์ ์ ํ๋ด ๋ด๊ธฐ ๋๋ฌธ์ ๋๊ตฐ๊ฐ๊ฐ ํ๋ณตํ๊ฒ ๋ฏธ์ ์ง๊ณ ์๋ ๋์์์
๋ณด์ฌ์ฃผ๋ฉด, ์ด๋ฅผ ๋ณด๊ณ ์๋ ์ฌ๋์ ๊ธฐ๋ถ์ด ํ๋ณตํด์ง ์ ์๊ณ , ์ด๊ฒ์ ์ด๋ค์ ํ๋์๋
์ํฅ์ ์ค๋ค.
โข ์ฌ๋๋ค์ด ์ ํ์ ๋ํด ๋๋ผ๋ ๊ฐ์ ์ ๋ฐ๊ฟ ์ ์๋ ์๋ํ์ง ์์ ํ์ ๊ด๋ฆฌ์ ์ฃผ์ํ์.
์น์ฌ์ดํธ์ ๊ธ๊ผด์ด ๋๋ฌด ์์์ ์ฌ๋๋ค์ด ๋์ ๊ฐ๋๊ฒ ๋จ๊ณ ์ฐก๊ทธ๋ฆฌ๋ฉด์ ์น์ฌ์ดํธ์
๋ด์ฉ์ ์ฝ๊ณ ์๋ค๋ฉด, ์น์ฌ์ดํธ์ ๋ง์กฑ๊ฐ๊ณผ ์น์ํจ์ ๋๋ผ๋ ๊ฒ์ ๋ฐฉํดํ๊ณ , ์ฌ๋๋ค์
๋ค์ ํ๋์ ์ํฅ์ ๋ฏธ์น ๊ฒ์ด๋ค.
โข ๊ทผ์ก์ ์์ง์ด๋ ๊ฒ๊ณผ ๊ฐ์ ์ ๋๋ผ๋ ๊ฒ์ ์๋ก ์ฐ๊ฒฐ๋ผ ์๋ค. ์ผ๊ตด ๊ทผ์ก์ ์์ง์ฌ ํ์ ์
์ง์ ์ ์๋ค๋ฉด, ๊ทธ๋ฌํ ํ์ ๊ณผ ํจ๊ป ์งํ๋๋ ๊ฐ์ ์ ๋๋ผ์ง ๋ชปํ๋ค.
37
41. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI)
๋นจ๊ฐ์๊ณผ ํ๋์์ ๋์์ ์ฐ๋ฉด ์์๋ณด๊ธฐ ์ด๋ ต๋ค
โข ํ๋์๊ณผ ๋นจ๊ฐ์, ํน์ ๋
น์๊ณผ ๋นจ๊ฐ์์ ํ์ด์ง๋ ํ๋ฉด์ ๋ฐฐ์นํ ๊ฒฝ์ฐ, ์ต๋ํ ๋ฉ๋ฆฌ
๋จ์ด๋จ๋ ค ๋์์ผ ํ๋ค.
โข ํ๋์ด๋ ๋
น์ ํ
์คํธ๋ฅผ ๋นจ๊ฐ์ ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง ์์ ์ฌ๋ ค๋๊ฑฐ๋, ๋นจ๊ฐ์ด๋ ๋
น์ ํ
์คํธ๋ฅผ
ํ๋์ ์ด๋ฏธ์ง์ ์ฌ๋ ค๋๋ ์ํฉ์ ์ต๋ํ ํผํด์ผ ํ๋ค.
โข ๋ฐํ์๊ณผ ๊ธ์จ์ ์์์ ์ ์ ํ ๋์กฐ ํจ๊ณผ๋ฅผ ์ค๋ค. ๊ฒ์ ์ ๊ธ์จ๋ฅผ ํฐ์ ๋ฐํ์ ์ฌ๋ ธ์
๋๊ฐ ๊ฐ์ฅ ์ฝ๊ธฐ ์ฝ๋ค.
40
43. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI)
9%์ ๋จ์ฑ, 0.5%์ ์ฌ์ฑ์ด ์๋งน์ด๋ค
โข www.vischeck.com์ด๋ colorfilter.wickline.org์์ ํ
์คํธ ํ์
โข ์์์ ํตํด ํน์ ์๋ฏธ๋ฅผ ๋ํ๋ด์ผ ํ๋ค๋ฉด(์๋ฅผ ๋ค์ด, ์ฆ๊ฐ์ ์ธ ์ฃผ์๋ฅผ ์ํ๋ ๋ถ๋ถ์
๋
น์์ ์จ์ผ ํ๋ค๋ฉด) ๋ณด์กฐ์ ์ธ ํ๊ธฐ ๊ท์ฝ์ ์ฌ์ฉํ๋ค(๋
น์๊ณผ ํจ๊ป ์ธ๊ณฝ์ ์ ์ฌ์ฉํด
์ฃผ์๋ฅผ ๋ ์ ์๊ฒ ๋์์ธํ๋ค)
โข ์์ ์ฒด๊ณ๋ฅผ ์ธ์ธ ๋, ์ ์ ๋ฒ์ฃผ์ ํด๋นํ์ง ์๋ ์ฌ์ฉ์๋ ๋ชจ๋ ๊ณ ๋ คํ๋ค. ์ฒญ๋ก/์ ๋ก
์๋งน ์ฌ์ฉ์๋ฅผ ๊ณ ๋ คํด ๋นจ๊ฐ์, ๋
น์, ์ฒญ์๋ณด๋ค๋ ๊ฐ์์ด๋ ํฉ์์ ์ฌ์ฉํ๋ค.
42
44. ํ
์คํธ์ ์ฝ๊ธฐ ๋์ด๋(๊ฐ๋
์ฑ) ๊ณ์ฐ ๊ณต์
ํ๋ ์-ํจ์ผ์ด๋ ๊ฐ๋
์ฑ ๊ณต์์ ํ
์คํธ์ ๊ฐ๋
์ฑ์ ํ๊ฐํ ๋ ๋๋ฆฌ ์ฐ์ธ๋ค.
์ด ๊ณต์์ ์ด์ฉํ๋ฉด ์ฝ๊ธฐ ์ฉ์ด์ฑ(reading ease score)๊ณผ
๋
ํด ์์ค์ ์ ๋ณด(reading grade-level score)๋ฅผ ํจ๊ป ์ธก์ ํ ์ ์๋๋ฐ,
๊ฐ์ด ํด์๋ก ํด๋น ๋ฌธ๋จ์ ์ฝ๊ธฐ ์ฌ์ฐ๋ฉฐ, ๊ฐ์ด ์ ์์๋ก ์ฝ๊ธฐ ์ด๋ ต๋ค.
46. ์ธ๋ฆฌํ์ฒด์ ์ฐ์ธ๋ฆฌํ์ฒด๋ ๊ฐ๋
์ฑ ์ธก๋ฉด์์ ๋์ผํ ์์ค
์ฐ์ธ๋ฆฌํ์ฒด๊ฐ ํ๋ฒํ๊ธฐ ๋๋ฌธ์ ๋ ์ฝ๊ธฐ ์ฝ๋ค๊ณ ํ๊ณ , ์ธ๋ฆฌํ์ฒด๋ ๋ค์ ์ฒ ์์ ๋ชจ์์ด
์ด์ด์ ธ ์์ ์ ์ด๋ ์ ์์ด์ ๋ ์ฝ๊ธฐ ํธํ๋ค๊ณ ํ๋ค. ๊ทธ๋ฌ๋ ์ค์ ์ฐ๊ตฌ ๊ฒฐ๊ณผ, ๋ ์์ฒด๋
๋
ํด, ์ฝ๋ ์๋, ์์ฒด ๊ฐ์ ์ ํธ๋์์ ์๋ฌด๋ฐ ์ฐจ์ด๊ฐ ์๋ค๋ ์ ์ด ๋๋ฌ๋ฌ๋ค.
47. Hard to read = Hard to do(์ฝ๊ธฐ ์ด๋ ต๋ค = ํ๊ธฐ ์ด๋ ต๋ค)
48. ์จ๋ผ์ธ์์ ์ฝํ์ผ ํ
๊ธ์๋ ์ค์ ์์ฒด
ํฌ๊ธฐ๋ณด๋ค ํจ์ฌ ์ปค
๋ณด์ด๋ x๋์ด๊ฐ ํฐ
์์ฒด๋ฅผ ์ฌ์ฉํ๋ค.
(Tahoma, Verdana ๋ฑ)
X๋์ด๊ฐ ํฌ๋ฉด
์์ฒด์ ํฌ๊ธฐ๋
์ปค ๋ณด์ธ๋ค.
49. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI)
๋จ๊ธฐ ๊ธฐ์ต๋ ฅ์๋ ํ๊ณ๊ฐ ์๋ค
โข ์งง์ ์๊ฐ ๋ด์ ์์ฉํด์ผ ํ๋ ๊ธฐ์ต(1๋ถ ๋ฏธ๋ง์ ์๊ฐ์ด ํ์ํ ๊ธฐ์ต)์ ์์
๊ธฐ์ต(working memory)๋ผ๊ณ ๋ถ๋ฅธ๋ค.
โข ์์
๊ธฐ์ต์ด ์ฃผ์ ์ง์ค๊ณผ ๊ด๋ จ๋ ๋ฅ๋ ฅ๊ณผ ์ฐ๊ณ๋์ด ์๋ค. ์์
๊ธฐ์ต ์์ ์ ๋ณด๋ฅผ ๊ณ์
๊ธฐ์ตํ๋ ค๋ฉด ํด๋น ์ ๋ณด์ ์ฃผ์๋ฅผ ๊ธฐ์ธ์ฌ์ผ ํ๋ค.
โข ์ฌ์ฉ์์๊ฒ ๋์์ ๋ค๋ฅธ ์ฐจ์์ ์ ๋ณด๋ฅผ ๊ธฐ์ตํ๊ฒ ํ์ง ์๋๋ค. ์๋ฅผ ๋ค์ด, ์ด๋ค ํ์ด์ง์
์๋ ๊ธ์๋ ์ซ์๋ฅผ ์ฝ๊ณ , ๋์์ ํน์ ์๊ฐ์ฐจ ์์ด ๋ค๋ฅธ ํ์ด์ง์ ๊ทธ ์ ๋ณด๋ฅผ ์
๋ ฅํ๊ฒ๋
๋ง๋ค์ง ๋ง์. ๋ถ๋ช
๋๋ถ๋ถ์ ์ฌ์ฉ์๋ ์์ ๋ณธ ํ์ด์ง์ ์ ๋ณด๋ฅผ ์์ด๋ฒ๋ ค ์ข์ ํ๋
์ํฉ์ ์ฒํ ๊ฒ์ด๋ค.
48
51. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI)
์ฌ๋๋ค์ ํ ๋ฒ์ 4๊ฐ ์ด์ ๊ธฐ์ตํ์ง ๋ชปํ๋ค
โข The โmagicalโ number is Four: ์ ๋ณด๋ฅผ ์๋ ๋ฉ์ด๋ฆฌ๋ก ๋ญ์ณ๋์ ๊ฒฝ์ฐ, ์ฃผ์๊ฐ ์ฐ๋งํ
์ํ๊ฐ ์๋๋ผ๋ฉด ์์
๊ธฐ์ต๋ ฅ์ ๋์ด๋ ๋ฐ ๋์์ ์ค ์ ์๋ค. ๊ทธ๋ฌ๋ ๊ทน๋จ์ ์ผ๋ก 4๋ผ๋
์ซ์์ ์ง์ฐฉํ ํ์๋ ์๋ค.
โข ๊ฐ ์ ๋ณด ๋ฉ์ด๋ฆฌ(chunk)์ ์ํ ํ์ ํญ๋ชฉ์ ๊ฐ์๊ฐ 4๋ฅผ ๋์ง ์๊ฒ ํ๋ค.
โข ๋ค ๋ฉ์ด๋ฆฌ ๋ฒ์น(Four-item rule)์ ๊ธฐ์ต์ ๊บผ๋ด์ค๋ ๋ฐ๋(retrieval) ์ ์ฉ๋๋ค.
โข ๊ธฐ์ต์ ์๋๋ค๋ ์ฌ์ค์ ์ผ๋์ ๋๊ณ ๋์์ธํ์. ์ ๋ง ์ค์ํ ์ ๋ณด๊ฐ ์๋ค๋ฉด ์ฌ์ฉ์์
๊ธฐ์ต๋ ฅ์ ๋ฏฟ์ง ๋ง๊ณ , ๋์์ธ ๋ด์์ ์ ๋ณด๋ฅผ ์ ์ํ๊ฑฐ๋ ๊ทธ ์ ๋ณด๋ฅผ ์ฝ๊ฒ ์ฐพ์ ์๋จ์
๋ง๋ จํ๋ค.
50
55. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI)
์ ๋ณด๋ฅผ ์ธ์ํ๋ ๊ฒ์ด ๊ธฐ์กด์ ๊ธฐ์ต์ ํ์ํ๋ ๊ฒ๋ณด๋ค ํจ์ฌ ์ฝ๋ค
โข ์ฌ์ฉ์์๊ฒ ์ ๋ณด๋ฅผ ํ์(recall)ํ๊ฒ ํ๋ ๊ฒ์ ์ง์ํ๋ค. ๊ธฐ์ต์ ์ ํธ์์ ์ ๋ณด๋ฅผ
๋์ด์ค๋ ๊ฒ(recall)๋ณด๋ค ์ฌ์ธ(recognize)์์ผ ์ฃผ๋ ํธ์ด ์ฌ์ฉ์์๊ฒ ํจ์ฌ ์ฝ๋ค.
โข ์ฌ์ธ(recognition)์ ๋งฅ๋ฝ(context)์ ์ด์ฉํ๋ค. ๋งฅ๋ฝ์ ์ฐ๋ฆฌ์ ๊ธฐ์ต์ ๋๋๋ค.
54
57. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI)
์ฌ๋๋ค์ ๋์์ ์ฌ๋ฌ ๊ฐ์ง ์ผ์ ํ ์ ์๋ค
โข ์ฌ๋๋ค์ ๋ฉํฐํ์คํน์ ํ ์ ์๋ค๊ณ ์ฃผ์ฅํ์ง๋ง ์ฌ์ค์ ๊ทธ๋ ์ง ์๋ค.
โข ๋ฉํฐํ์คํน์ ์๋ชป ๋ถ์ฌ์ง ์ฉ์ด๋ค. ์ฌ๋๋ค์ ํ ๋ฒ์ ํ๋์ ์ผ์ ํ ์ ์๊ณ , ์์
์
์ ํํ๋ ๊ฒ์ด๋ค. ๊ทธ๋์ ์ฐ๊ตฌ์๋ค์ ์์
์ ํ(task switching)์ด๋ผ๋ ์ฉ์ด๋ฅผ ์ด๋ค.
(http://www.apa.org/research/action/multitask.aspx ์ฐธ์กฐ)
โข ์ฌ๋๋ค์๊ฒ ๋ฉํฐํ์คํน์ ๊ฐ์ํ๋ ๊ฒ์ ํผํ๋ผ. 2๊ฐ์ง ์ผ์ ํ ๋ฒ์ ํ๊ธฐ๊ฐ ์ด๋ ต๋ค.
56
58. ์ค์ํ๋ ๊ฒ์ ์ธ๊ฐ์ด์, ์ฉ์ํ๋ ๊ฒ์ ์ ์ด๋๋ผ.
์ฌ๋์ ์ค์ํ๋ค
์ฌ๋๋ค์ ์ค์ํ๋ค. ์ธ๊ฐ์ ์ค๋ฅ์ ์ํฅ์ ๋ฐ์ง ์์ ์์คํ
์ ๊ตฌ์ถํ๊ธฐ๋ ๋ถ๊ฐ๋ฅํ๋ค.
59. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI)
์ฌ๋๋ค์ ํญ์ ์ค์๋ฅผ ํ๋ค. ์ ๋ ์์ ํ ์ ํ์ด๋ ์๋ค
โข ๋ฌด์ธ๊ฐ๊ฐ ์๋ชป๋ ๊ฑฐ๋ผ๊ณ ๊ฐ์ ํ์.
โข ๋ญ๊ฐ๊ฐ ์๋ชป๋์ ๋ ์ฌ์ฉ์์๊ฒ ๋์ฒํ ์ ์๋ ๋ฐฉ์์ ์๋ ค์ฃผ๋ ๊ฒ์ด ์ค์ํ๋ค.
โข ์ค๋ฅ ๋ฉ์์ง๋ ์ฌ์ด ์ธ์ด๋ก ์์ฑํ๊ณ , ๋ช
ํํ ๋ฉ์์ง๋ฅผ ์ ๋ฌํด์ผ ํ๋ค.(์ฌ์ฉ์์ ์์
๋ด์ฉ, ๋ฌธ์ ์ค๋ช
, ๋ฌธ์ ํด๊ฒฐ๋ฐฉ๋ฒ, ์๋ํ์ด ์๋ ๋ฅ๋ํ์ ์ฌ์ด ์ธ์ด, ์ฌ๋ก ์ ์)
58
60. ํน์ ์ค์ค๋ก ์ด๋ฉ์ผ์ด๋ ํธ์ํฐ, ๋ฌธ์ ๋ฉ์์ง์ ์ค๋
๋๋ค๊ณ ๋๊ปด๋ณธ ์ ์ด ์๋๊ฐ?
ํน์ ๋ฉ์ผํจ์ ์ ๋ฉ์ผ์ด ๋์ฐฉํ ๊ฒ์ ์๋ฉด์๋ ์ด๋ฅผ ๋ฌด์ํ๋ ๊ฒ์ ๋ถ๊ฐ๋ฅ์
๊ฐ๊น๋ค๊ณ ๋๋ ์ ์ด ์๋๊ฐ?
๊ตฌ๊ธ์ ์ฌ์ฉํ๋ฉด์ ์ ๋ณด๋ฅผ ๊ฒ์ํ๋ค๊ฐ ์ด๋ค ๋ด์ฉ์ ์ฝ๊ณ ๋งํฌ๋ฅผ ๋๋ฅด๋๋ผ ์ ์
์๋ ๊ฒ์ํ๋ ค๋ ๊ฒ์ ์ฐพ์ง๋ ์์ ์ฑ ๋ค๋ฅธ ์ ๋ณด๋ฅผ ๊ฒ์ํ๋ฉด์ 30๋ถ์ด๋
์ง๋ฌ๋ค๋ ๊ฒ์ ๊นจ๋ฌ์ ์ ์ ์๋๊ฐ?
์ด๊ฒ์ ๋ชจ๋ ์ฐ๋ฆฌ์ ๋ํ๋ฏผ๊ณ๊ฐ ์์ฉํ ์ฌ๋ก๋ค.
61. 140์๋ ๋์ฑ ์ค๋
์ ์ด๋ค.
์ ๋ณด๊ฐ ๋ค์ด์ค๋ ์์ด ์ ์ ๋ ๊ฐ์ฅ
๊ฐ๋ ฅํ๊ฒ ์๊ทน ๋ฐ๋๋ค.
์งง๊ณ ๋น๋ฒํ ํธ์ํฐ ๋ฉ์์ง๋
๋ํ๋ฏผ๊ณ๋ฅผ ์๊ทนํ๋ ๋ฐ ์ด์์ ์ด๋ค.
๋ํ๋ฏผ๊ณ๋ ๋ณด์์ด ๋ค๊ฐ์ค๊ณ ์๋ค๋
๋จ์์ ํน๋ณํ ๋ฏผ๊ฐํ๋ค. ๋ฌด์จ ์ผ์ด
์ผ์ด๋๋ฆฌ๋ผ๋ ์๊ณ ํน์ ํ ์ ํธ๋ฅผ
ํฌ์ฐฉํ๋ ์ฆ์ ๋ํ๋ฏผ๊ณ๋ฅผ ๊ฐ๋์ํจ๋ค.
์ด๋ฅผ ํ๋ธ๋กํ์ ๋ฐ์ฌ์์ฉ์ด๋ผ๊ณ ํ๋ค.
62. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI)
๋ํ๋ฏผ์ ์ฌ๋๋ค์ด ์ ๋ณด๋ฅผ ์ฐพ๋ ๋ฐ ์ค๋
๋๊ฒ ํ๋ค
โข ์ ๊ฒฝ๊ณผํ์๋ค์ 1958๋
์ค์จ๋ด ๊ตญ๋ฆฝ ์ฌ์ฅ ์ฐ๊ตฌ์์ ์๋น๋ ์นผ์จ(Arvid Carlsson)๊ณผ ๋์ค
์์ผ ํ๋(Nil-Ake Hillarp)์ด ๋ํ๋ฏผ๊ณ ๋ฐ๊ฒฌ
โข ๋ํ๋ฏผ์ ์พ๋ฝ์ ๊ฒฝํํ๊ฒ ํ๋ค๊ธฐ๋ณด๋ค๋ ์ค์ง์ ์ผ๋ก ์ฌ๋๋ค์ด ๋ญ๊ฐ๋ฅผ ์ํ๊ณ ๊ฐ๋งํ๊ณ
์ฐพ๋๋ก ์ ๋ํ๋ค๋ ๊ฒ์ ๋ฐ๊ฒฌํ๋ค.(์พ๋ฝ ๊ด์ฅ์ ์คํผ์ค์ด๋ ๊ณ(Opioid system))
โข ๋ํ๋ฏผ์ ์๊ตฌํ๋ ์์คํ
(The dopamine seeking system)์ ์ฐ๋ฆฌ์ ์กฐ์์๊ฒ ๋๊ธฐ๋ฅผ
๋ถ์ฌํด ๋๊ตด์์ ์ธ์ ๋ฐ์ผ๋ก ๋์ค๊ฒ ํ๊ณ , ๋ฐฐ์ฐ๋ฉฐ ์์กดํ๊ฒ ๋ง๋ค์๋ค. ๋ง์กฑํด์ ์์
์์ง๋ง ์๊ณ ๋ญ๊ฐ๋ฅผ ์ด์ฌํ ์ฐพ์ ๋ค๋๋ ํ์(seeking) ๋๋ถ์ ๊ณ์ํด์ ์ด์๋จ์ ์
์์๋ค.
โข ์ฌ๋์ ์ ๋ณด๋ฅผ ์ฐพ๋ ํ๋์ ๊ณ์ํ๋ ๊ฒ(keep seeking information)์ ๋๊ธฐ๋ฅผ ๋ฐ๊ธฐ๋
ํ๋ค.
โข ์ฌ๋๋ค์ด ์ ๋ณด๋ฅผ ์ฐพ๊ธฐ ์ฝ๊ฒ ๊ตฌ์ฑํ ์๋ก ์ฌ์ฉ์๊ฐ ์ ๋ณด๋ฅผ ๊ฒ์ํ๋ ํ๋์ ๋์ฑ ์์ฃผ
ํ๊ฒ ๋๋ค.
61
63. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI)
์ฌ๋๋ค์ ์์ ๋ค์ด ์ฒ๋ฆฌํ ์ ์๋ ๊ฒ๋ณด๋ค ๋ ๋ง์ ์ ํ์ ์ฌ์ง์ ์ ๋ณด๋ฅผ ์ํ๋ค
โข ๊ณผํ๊ฒ ๋ง์ ์ ํ์ฌํญ์ ์ฌ๊ณ ๊ณผ์ ์ ๋ง๋น์ํจ๋ค. ๊ณ ๊ฐ์๊ฒ ๋ง์ ์์ ์ ํ์ฌํญ์
์ ๊ณตํ๋ ค๋ ์ถฉ๋์ ์ต๋๋ฅด์.
โข ์ ํ์ฌํญ์ด ์ ์์๋ก ์ข๋ค(less is more). ์ ์ฌ๋๋ค์ ํญ์ ๋ ๋ง์ ์ ํ์ฌํญ์ ์ํ ๊น?
๋ํ๋ฏผ ํจ๊ณผ ๋๋ฌธ์ด๋ค. ์ ๋ณด๋ ๋งค์ฐ ์ค๋
์ ์ด๋ค. ์ฌ๋๋ค์ ์๊ธฐ ๊ฒฐ์ ์ ์์ ์์ ๋๋ง
์ ๋ณด ์ถ๊ตฌ๋ฅผ ๋ฉ์ถ๋ค.
โข ๊ฐ๋ฅํ๋ค๋ฉด ์ ํ์ฌํญ(์๊ตฌํ๋ ํ๋์ ์ ํ ๊ฐ์ง์)์ 3~4๊ฐ๋ก ์ ํํ๋ผ.๋ ๋ง์ ์ต์
์
์ ๊ณตํ ์ ์๋ค๋ฉด, ๋จ๊ณ๋ณ๋ก ๋ณด์ฌ์ค๋ผ. (์) 24๊ฐ์ง ์ผ์์ ๊ฒจ์ฐ 2~3๊ฐ์ง๋ง ๋ง๋ณด๊ณ ,
3~4๊ฐ์ง๋ง ๊ธฐ์ตํ๊ณ , ํ ๋ฒ์ 3~4๊ฐ์ง ์ค์์ ํ๋๋ฅผ ๊ณ ๋ฅผ ์ ์๋ค. 24๊ฐ์ง ์ผ์ด ์๋
ํ
์ด๋ธ์ 3% ๊ตฌ๋งค, 6๊ฐ์ง ์ผ์ด ์๋ ํ
์ด๋ธ์ 31% ๊ตฌ๋งค(Sheena Iyengar and Mark
Lepper, 2000)
62
96. 1. Visibility of system status
2. Match between system and real world
3. User control and freedom
4. Consistency and standards
5. Error prevention
6. Recognition rather than recall
7. Flexibility and efficiency of use
8. Aesthetic and minimalist design
9. Help users recognize, diagnose, and recover from errors
10. Help and documentation
J. Nielsen and R. Mack, eds. Usability Inspection Methods, 1994
Nielsenโs 10 heuristics
Slide 95
99. 98
Problems
AGENDA 1. ์
๋ก๋ ์คํจ
โํ๋ฒ์ ์ฌ๋ฌ๊ฐโ ์
๋ก๋ ๋ฉ๋ด๋ฅผ ์ ํํ๋ฉด ์
๋ก๋ ์ฐฝ๊ณผ ํ์ผ/ํด๋ ์ ํ ์ฐฝ์ด ๋์์ ๋ก๋ฉ๋จ.
์
๋ก๋ ์ฐฝ์ โ์ฐพ์๋ณด๊ธฐโ ๋ฒํผ์ ๋๋ฅด๋ฉด โํ์ผ/ํด๋ ์ ํ ์ฐฝโ์ด ๋ก๋ฉ๋์ด ์๊ธฐ ๋๋ฌธ์
์ฌ์ฉ์์๊ฒ ์ ๊ณต๋๋ ํผ๋๋ฐฑ์ด ์์. ์ค๋ฅ๋ก ํ๋จํ์ฌ โํ๋ฒ์ ์ฌ๋ฌ๊ฐโ ์
๋ก๋๋ฅผ ํฌ๊ธฐํจ
GUIDELINES
โข Selective Perception
โข Feedback
โข Consistency
SOLUTIONS
A. โ์ฐพ์๋ณด๊ธฐโ ๋ฒํผ ์ ํ ์ โํ์ผ/ํด๋ ์ ํ ์ฐฝโ์ด ๋ก๋ฉ๋์ด ์๋ค๋ ํผ๋๋ฐฑ์
์ ๊ณตํจ
B. โ์
๋ก๋ ์ฐฝโ๊ณผ โํ์ผ/ํด๋ ์ ํ ์ฐฝโ์ ๋์์ ๋ก๋ฉํ์ง ์์
<๊ทธ๋ฆผ 1.1> โํ๋ฒ์ ์ฌ๋ฌ๊ฐโ ์
๋ก๋ ํ๋ฉด
์ผ์ชฝ ์ฐฝ์ ์
๋ก๋ ์ฐฝ, ์ค๋ฅธ์ชฝ ์ฐฝ์ ํ์ผ/ํด๋ ์ ํ ์ฐฝ์
100. 99
Problems
AGENDA 3. ๋ค์ด๋ก๋ ๋ฐ ์
๋ก๋ ์๋ฃ ํ ํ์ธ
๋ค์ด๋ก๋ ํ ๋ค์ด๋ก๋ ํ ํ์ผ์ ์ด์์ ๋ฌด๋ฅผ ์ผ์์ ์ผ๋ก ํ์ธํ๋ ํ๋ ํน์ฑ์ด ์์. ๊ทธ๋ฌ๋
์ข
์ข
์์น๋ฅผ ์ฐพ์ง ๋ชปํด ์๊ฐ์ ๋ญ๋นํจ. ๋ํ ์
๋ก๋ ํ ์
๋ก๋ ํ ํ์ผ์ด ์๋์ ๋ ฌ๋์ด ์ฐพ๋๋ฐ
๋ถํ์ํ ์๊ฐ์ด ์์๋จ. ์ฝ๊ฒ ์ธ์งํ ์ ์๋ ์ง์์ด ํ์ํจ
GUIDELINES
โข Feedback
โข Efficiency of Use
REFERENCES
โข ํ์ด์ดํญ์ค ๋ธ๋ผ์ฐ์ ์ ๋ค์ด๋ก๋ ๊ด๋ฆฌ์ ๋ฐ ํํฉ ์๋ด ํ๋ฉด
SOLUTIONS
<๊ทธ๋ฆผ 3.1> ๋ค์ด๋ก๋ ํ๋ฉด
<๊ทธ๋ฆผ 3.3> ์
๋ก๋ ํ๋ฉด
<๊ทธ๋ฆผ 3.2> ํ์ด์ดํญ์ค ๋ธ๋ผ์ฐ์ ์
๋ค์ด๋ก๋ ๊ด๋ฆฌ์ ๋ฐ ํํฉ ์๋ด ํ๋ฉด
<๊ทธ๋ฆผ 3.4> ์
๋ก๋ ๅ ํ๋ฉด
<๊ทธ๋ฆผ 3.5> ์
๋ก๋ ๅพ ํ๋ฉด
โข ๋ค์ด๋ก๋ ํ ๋ค์ด๋ก๋ ํ ํ์ผ ์ฆ์ ์ด๋ ์ง์
โข ๋ค์ด๋ก๋ ํ ํ์ผ์ด ์๋ ํด๋๋ก ์ฆ์ ์ด๋ ์ง์
โข ๋ค์ด๋ก๋ ํ ๋ด์ญ ์ด๋ ์ง์
โข ์
๋ก๋ ํ ์
๋ก๋ ํ ํ์ผ์ ๋ค๋ฅธ ํ์ผ๊ณผ ๊ตฌ๋ณ์์ผ ์
๋ก๋ ์ฑ๊ณต์
ํ์ ํ๋๋ก ์ง์; ๋ณต์ฌ, ์ด๋, ์ด๋ฆ ๋ณ๊ฒฝ๋ ๋์ผํ ๋ฐฉ์์ผ๋ก ์ ์ ํ ํผ๋๋ฐฑ
์ ๊ณต ํ์
101. 100
Problems
AGENDA 4. Drag & Drop ์ง์
โํ๋ฒ์ ์ฌ๋ฌ๊ฐโ ์
๋ก๋ ์ ๋๋๊ทธ ์ค ๋๋์ ์ง์ํ๋ฏ๋ก โํ๋ฒ์ ํ๋โ ์
๋ก๋ ์์
์๋ํ์ง๋ง ์ง์ํ์ง ์์. ์นํ๋ ํํ์ด์ง์์ ๋ณต์ฌ, ์ด๋ ๋ฑ ํ์ผ ๊ด๋ฆฌ ์ ์นํ๋
์ ์๊ธฐ์ฒ๋ผ ๋๋๊ทธ ์ค ๋๋์ ์๋ํ์ง๋ง ์ง์ํ์ง ์์. ์ง์์ ๊ธฐ๋์ฌ๋ฆฌ๊ฐ ์ฆ๊ฐ ์ถ์ธ์
GUIDELINES
โข Learnability
โข Consistency
โข Efficiency of Use
CONSIDERATIONS
โข O/S์ ํ์ผ ๊ด๋ฆฌ ๋ฐฉ์์ด ์ ์ฉ๋๋ฉด ํธ๋ฆฌํ ๊ฒ ๊ฐ๋ค๋ ์๊ฐ์ ๋ณด์ ํจ
โข ์นํ๋ ์ ์๊ธฐ์ ์ต์ํ๋ฉด ์นํ๋ ํํ์ด์ง์๋ ์ต๊ด์ ์ผ๋ก ๋๋๊ทธ ์ค
๋๋์ ์๋ํ ๊ฐ๋ฅ์ฑ์ด ๋ง์
SOLUTIONS
A. ์นํ๋ ํํ์ด์ง ์ ์ฒด์ ๋๋๊ทธ ์ค ๋๋ ์ง์
B. ์นํ๋ ํํ์ด์ง ์๋น์ค ์ค ์ฌ์ฉ์๊ฐ ๊ฐ์ฅ ๋ง์ด ์ฌ์ฉํ๋ ์
๋ก๋ ๋ฐ
๋ค์ด๋ก๋์ ์ฐ์ ์ ์ฉ ํ ์ ์ฒด๋ก ํ์ฐ
<๊ทธ๋ฆผ 4.1> โํ๋ฒ์ ์ฌ๋ฌ๊ฐโ
์
๋ก๋ ํ๋ฉด
<๊ทธ๋ฆผ 4.2> โํ๋ฒ์ ํ๋โ ์
๋ก๋
ํ๋ฉด
<๊ทธ๋ฆผ 4.3> ์นํ๋
ํํ์ด์ง์์ ๋๋๊ทธ ๋ฐ
๋๋ ์๋ ํ๋ฉด
<๊ทธ๋ฆผ 4.4> ์นํ๋
์ ์๊ธฐ์์ ๋๋๊ทธ ๋ฐ ๋๋
์๋ ํ๋ฉด
102. 101
Problems
AGENDA 6. ํ์ผ ์ ์ก ๋ฐ ์์ ํ์ธ ์คํจ
โ๋ฉ์ผ๋ก(BIG๋ฉ์ผ)โ ํ์ผ๋ณด๋ด๊ธฐ ๋ฉ๋ด์ โ๋ฉ์ผ๋ก(BIG๋ฉ์ผ)โ ๋ฌธ์๋ณด์ ๋ฉ๋ด๋ฅผ ๊ตฌ๋ณํ์ง ๋ชปํจ.
๋ง์ ์ฌ์ฉ์๊ฐ ํ์ผ ์ ์ก ์ ๋ฌธ์๋ณด์ ๋ฉ๋ด์ ์ ๊ทผํ์ฌ ์ฌ์ฉํจ. ๋ํ ์์ ํ์ธ์ด ์๋จ ๋ฉ๋ด์
์์ง ์๊ธฐ ๋๋ฌธ์ ์์ ํ์ธ ์คํจ์จ์ด ๋์. ๊ฐ์ ์ด ์๊ธํจ
GUIDELINES
โข Similarity and proximity
โข Clarity of the interface
โข Consistency
CONSIDERATIONS
โข ์นํ๋ ํํ์ด์ง(๋๋ ์นํ๋ ์ ์๊ธฐ)์ ์ผ์ชฝ tree ์์ญ ๋ด ์ฌ์ฉ์๊ฐ ์ง์
์์ฑํ ํด๋ ์ธ์๋ ๋ฌด๊ด์ฌํจ
<๊ทธ๋ฆผ 6.1> ์นํ๋ ํํ์ด์ง์
ํ์ผ๋ณด๋ด๊ธฐ ๋ฉ๋ด์ ๋ฌธ์๋ณด์ ๋ฉ๋ด
<๊ทธ๋ฆผ 6.2> ์นํ๋ ์ ์๊ธฐ์
ํ์ผ๋ณด๋ด๊ธฐ ๋ฉ๋ด์ ๋ฌธ์๋ณด์ ๋ฉ๋ด
<๊ทธ๋ฆผ 6.3> ์นํ๋ ํํ์ด์ง์ ์์ ํ์ธ
SOLUTIONS
โข ํ์ผ๋ณด๋ด๊ธฐ ๋ฉ๋ด์ ๋ฌธ์๋ณด์ ๋ฉ๋ด์ ์ฐจ๋ณ์ฑ ๊ฐํ
โข ๋์ผํ ๋ ์ด๋ธ ์ ์
โข ์นํ๋ ํํ์ด์ง(๋๋ ์นํ๋ ์ ์๊ธฐ)์ ์ผ์ชฝ tree ์์ญ ๋ด ๋ชจ๋ ๋ฉ๋ด๋ฅผ
์๋จ ๋ฉ๋ด ์์ญ์ผ๋ก ์ด๋ ํ์; ์ด๋ ์ ๋ฉ์ผ๋ก(BIG๋ฉ์ผ) ๋ฉ๋ด์ ๊ฐ์ฅ
๊ฐ๊น๊ฒ ๋ฐฐ์น ํ์
103. 102
Problems
AGENDA 7. Undo ์ง์
์ฌ์ฉ์๋ ์ธ์ ๋ ์ง ์ค์๋ฅผ ํ ์ ์์. ๊ทธ๋ฌ๋ ๋ณต๊ตฌํ ์ ์๋ ์ต์ํ์ ์ง์์กฐ์ฐจ ์ด๋ฃจ์ด์ง์ง
๋ชปํ ์ํฉ์. Gmail ์ฒ๋ผ ์น์ดํ๋ฆฌ์ผ์ด์
๋ undo ๊ธฐ๋ฅ์ ์ง์ํ๊ณ ์์ผ๋ฏ๋ก ๊ธฐ์ ์ ์ผ๋ก
์ด๋ ค์ด ์ํฉ์ด ์๋. ๋ํ ํด์งํต์ ์๋ ํ์ผ์ ๊ฐํธํ๊ฒ ๋ณต๊ตฌํ ์ ์๋ ์ง์์ด ํ์ํจ
GUIDELINES
โข Error prevention and recovery
โข Efficiency of Use
CONSIDERATIONS
โข ์ฌ์ฉ์๋ ์ธ์ ๋ ์ง ์ค์๋ฅผ ํ ์ ์๋ค๋ ์
โข ์น์ดํ๋ฆฌ์ผ์ด์
๋ undo ๊ธฐ๋ฅ์ด ๊ฐ๋ฅํ๋ค๋ ์
REFERENCES
โข ์๋์ฆ XP์ ํด์งํต ๋ณต์ ๊ธฐ๋ฅ
โข Gmail์ undo ๊ธฐ๋ฅ
<๊ทธ๋ฆผ 7.1> ์นํ๋ ํํ์ด์ง์
ํด์งํต ๋ด ํ์ผ ์ด๋
<๊ทธ๋ฆผ 7.2> ์๋์ฆ XP์
ํด์งํต ๋ณต์ ๊ธฐ๋ฅ
<๊ทธ๋ฆผ 7.3> ์นํ๋ ์ ์๊ธฐ์
ํด์งํต ๋ด ์ค๋ฅธ์ชฝ ๋ง์ฐ์ค ๊ธฐ๋ฅ
๋ฉ๋ด
<๊ทธ๋ฆผ 7.4> Gmail์ undo ๊ธฐ๋ฅ
SOLUTIONS
โข ์นํ๋ ํํ์ด์ง์ ์นํ๋ ์ ์๊ธฐ์ undo ๊ธฐ๋ฅ ์ง์
โข ํด์งํต์ ๋ณต์ ๊ธฐ๋ฅ ์ ๊ณต; ๋ณต์ ํ ๋ณต์๋ ํด๋ ๋ฐ ํ์ผ ํ์ธ ๋จ์ ์ ๊ณต
ํ์
105. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI)
SAP UI 1์ฐจ ๊ฐ์ด๋๋ผ์ธ
104
๊ตฌ๋ถ No. UI ๊ฐ์ด๋๋ผ์ธ ์ฌ๋ก
Information
Architecture
System
1 ์ ๊ด ์ ๋ณด๋ ๊ทธ๋ฃนํ์ ํด์ผ ํจ
โข ์์ด์ฝ
โข ํญ๋ชฉ
2 ํ์ ํญ๋ชฉ๊ณผ ์ ํ ํญ๋ชฉ์ ๋ช
๋ฃํ๊ฒ ๊ตฌ๋ถํด์ผ ํจ
โข ํญ๋ชฉ
โข ์์ญ: ํ์/์ต์
/์ธํ
3 ์ค๋ณต๋ ํญ๋ชฉ๊ณผ ๋ถํ์ํ ํญ๋ชฉ์ ์ ๊ฑฐ๋ฅผ ํด์ผ ํจ
โข Year
โข Company code
4 ๋จ์ผํ UI์ ๋ณต์์ ๋ชฉ์ ์ ๋ถ๊ณผํ์ง ๋ง์์ผ ํจ โข Report Period
5 ์กฐํ์ ๊ฒฐ๊ณผ ํ๋ฉด์ ํตํฉํด์ ์ ๊ณตํด์ผ ํจ
โข ์กฐํ ํ๋ฉด
โข ๊ฒฐ๊ณผ ํ๋ฉด
Labeling
System
6 ์ฌ์ฉ์ ์
์ฅ์์ ๋ ์ด๋ธ๋ง์ ํด์ผ ํจ โข Company code
Interface
7 ์ฌ์ฉ์์ ์ค์๋ฅผ ๋ฐฉ์งํด์ผ ํจ โข ๋
๋, ์, ์ผ ์ง์ ์
๋ ฅ
8 ๊ฐ๋ก ์คํฌ๋กค์ ์ง์ํด์ผ ํจ โข ์กฐํ ๊ฒฐ๊ณผ ํ๋ฉด
9 ์ ๋ณด์ ์ํ๊ฐ ๋ณํ๋๋ฉด ๋ช
๋ฃํ ํผ๋๋ฐฑ์ ์ ๊ณตํด์ผ ํจ
โข ์ถ๋ ฅ/๋ฏธ์ถ๋ ฅ ์ ๋ณด ํผ๋๋ฐฑ
โข ์ ํ/๋ฏธ์ ํ ์ ๋ณด ํผ๋๋ฐฑ
10 ์ ๊ด ์ ๋ณด(๋๋ ์์ญ) ๊ฐ ์๊ด ๊ด๊ณ๋ฅผ ์ง๊ด์ ์ผ๋ก ์ ๊ณตํด์ผ ํจ โข Temporary payment clearing ์กฐํ ๊ฒฐ๊ณผ ํ๋ฉด
11 ๋ด๋น๊ฒ์ด์
๋จ์๋ฅผ ์ ๊ณตํด์ผ ํจ โข Class ํ๋ฉด -Asset class ํ๋ฉด
12 ์ฌ์ฉ์์ ์ต๊ด์ ์ง์ํด์ผ ํจ
โข Asset report ์์
๋ค์ด๋ก๋
โข Customer Billing Print ์ถ๋ ฅ ํ๋ก์ธ์ค: ์์
โข ๊ฒ์ ๊ฒฐ๊ณผ๊ฐ 1๊ฐ์ธ ๊ฒฝ์ฐ ์ถ๋ ฅ ํ๋ก์ธ์ค
โข ๋ํดํธ ๊ธฐ๊ฐ ์ค์
106. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI)
1. ์์ด์ฝ(icon)
105
ํ๋ฉด ์ ์ฉ ์์น ๋ฐ ๋ถ์
โข ์ ์ฉ ์์น
1. ์ ๊ด ์ ๋ณด ๊ทธ๋ฃนํ
โข ๋ถ์
1. ์์ญ 1์ 2: ๊ทธ๋ฃนํ์ด ์ ๋๋ก ๋์ด
์์ง ์์์ ์ง๊ด์ ์ธ ์ธ์ง ๋ฐ ๋น ๋ฅธ
์ ๊ทผ์ ๋ฐฉํดํ๊ณ ์์
1
2
107. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI) 106
108. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI)
2. ํ์คํฌ ํ๋ฆ(task flow) (1/5): ํ๋ฉด ๋ด ํ์คํฌ ํ๋ฆ I
107
ํ๋ฉด ์ ์ฉ ์์น ๋ฐ ๋ถ์
โข ์ ์ฉ ์์น
1. ํ์์ ์ ํ ๊ตฌ๋ณ ํ์
2. ์ ๊ด ์ ๋ณด ๊ทธ๋ฃนํ
โข ๋ถ์
1. ํ์คํฌ๋ฅผ ๋ถ๋ด ์์ด ๋น ๋ฅด๊ฒ ์ฒ๋ฆฌํ๊ธฐ
์ํด์๋ ํ์ ์์ญ๊ณผ ์ ํ ์์ญ์
๊ตฌ๋ถํ ํ์๊ฐ ์์. ๊ทธ๋ฌ๋
ํํ์ ์ผ๋ก ๋ณผ ๋ ์์ญ 1, 2, 3์
ํน๋ณํ ๊ตฌ๋ณ๋์ง ์์. Option
ํ์ดํ์ ์ ๊ณตํ๋ ๊ฒ์ผ๋ก๋ ๋ฏธ์ฝํจ.
tone & manner ๋ฑ์ผ๋ก ์๋ณ์ฑ์
๋์ผ ํ์๊ฐ ์์. ์ฆ ํ์ ์
๋ ฅ ์์ญ๋ง
๋๋ณด์ด๋๋ก ๋์์ธํด์ผ ํจ
2. ์ต์
์์ญ(์์ญ 2) ๋ค์์ ์ ๊ณตํ๋
์ธํ
์์ญ(์์ญ 3)์ ์ต์
์์ญ๊ณผ ๋์ผ
๋๋ ์ ์ฌํ๊ฒ ์ทจ๊ธํ ์ ์์ผ๋ฏ๋ก
ํ์์ ์ธ ์
๋ ฅ์ฌํญ์ด๋ผ๋ฉด, ์ธํ
์์ญ(์์ญ 3)์ ํ์ ์์ญ(์์ญ 1)์
ํฌํจํ๋ ๊ฒ์ด ๋ฐ๋์งํจ
1
2
3
[Asset report ์กฐํ ํ๋ฉด: ์์ฐ์กฐํ โ๋ณด์ ํ๊ณ ์๋ ์์ฐ์ ๋ํด์ ๋ค์ํ ์กฐ๊ฑด์ผ๋ก
๊ฒ์ํ์ฌ ์์ฐ์ ์ทจ๋๊ฐ์น ๋ฐ ๊ฐ๊ฐ์๊ฐ ์ ๋ณด๋ฅผ ์์ฐ๊ทธ๋ฃน ๋ฐ ๊ฐ๋ณ ์์ฐ ๋ฑ์ผ๋ก ๋ฆฌ์คํธ๋ก
๋ณด์ฌ์ฃผ๋ ํ๋ก๊ทธ๋จ]
109. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI)
2. ํ์คํฌ ํ๋ฆ(task flow) (2/5): ํ๋ฉด ๋ด ํ์คํฌ ํ๋ฆ II
108
ํ๋ฉด ์ ์ฉ ์์น ๋ฐ ๋ถ์
โข ์ ์ฉ ์์น
1. ์ฌ์ฉ ์ต๊ด ์ง์
2. ๊ธฐ์ต๋ณด๋ค ๋จ์ ์ ๊ณต
3. ์ ๊ด ์ ๋ณด ๊ทธ๋ฃนํ
โข ๋ถ์
1. Asset report๋ ๋๋ถ๋ถ ์์
ํ์ผ๋ก
๋ค์ด๋ก๋ ๋ฐ๋ ํ์คํฌ๋ฅผ ์ํํ์ง๋ง
์๋นํ ๋ถํธํ๊ณ ๋ฒ๊ฑฐ๋ก์
2. ์์
๋ก ๋ค์ด๋ก๋ ๋ฐ๊ธฐ ์ํด์๋ ์ด๋ค
๋ฉ๋ด(์์ญ 1)์ ๋ฐฐ์น๋์ด ์๋์ง๋ฅผ
๋ถํ์ํ๊ฒ ๊ธฐ์ตํด์ผ ํ๊ณ , ์ธ๋ถ
ํญ๋ชฉ๋ช
๋ฐ ์์น(์์ญ 2, 3)๋ ๊ธฐ์ตํด์ผ
ํ๋ ์ธ์ง์ ๋ถ๋ด๊ฐ์ ์ ๋ฐ์ํค๊ณ ,
์์คํ ํ์คํฌ ์๊ฐ์ ๋ญ๋น์ํด
3. ์์ฐ์ค๋ฌ์ด ํ์คํฌ ํ๋ฆ์ผ๋ก ์ ํํ๊ธฐ
์ํด์๋ โ์์
๋ก ๋ค์ด๋ก๋โ ํญ๋ชฉ์
์์ญ 5์ ๋ฐฐ์นํ๋ ๊ฒ์ด ํ์คํฌ
ํจ์จ์ฑ์ ๋์ด๋ ๋ฐฉ์์
1
2
3
4
5
[Asset report ์ถ๋ ฅ ํ์ธ ํ๋ฉด]
[Asset report ๊ฒฐ๊ณผ ํ๋ฉด]
110. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI)
2. ํ์คํฌ ํ๋ฆ(task flow) (3/5): ํ์ด์ง ๊ฐ ํ์คํฌ ํ๋ฆ I
109
ํ๋ฉด ์ ์ฉ ์์น ๋ฐ ๋ถ์
โข ์ ์ฉ ์์น
1. ์ฌ์ฉ ์ต๊ด ์ง์
โข ๋ถ์
1. ๊ฒ์์ ํ์ํ ํญ๋ชฉ์ ์
๋ ฅํ ํ(์์ญ
1) ๊ฒ์ ๊ฒฐ๊ณผ๋ฅผ ํ์ธ(์์ญ 2)ํ๊ณ ,
๊ฒ์์ ํ์ํ ํญ๋ชฉ์ ์์ ํ๊ธฐ
์ํด์๋ ๋ค์ ์์ญ 1๋ก ์ด๋ํด์ผ ํ๋
๋ฒ๊ฑฐ๋ก์์ด ์์
2. ์์ฐ์ค๋ฌ์ด ํ์คํฌ ํ๋ฆ์ ์ํด์
์์ญ 1์ ์์ญ 2์ ํตํฉํด์ผ ํจ
1
[Customer Billing Print ์กฐํ ํ๋ฉด: ์ ํ๋น ์ฒญ๊ตฌ โ ํ๋งค ์ ๋ ฅ์๊ธ์ ํด๋น ์ฒญ๊ตฌ ์๋ณ๋ก
์กฐํํ๋ ํ๋ก๊ทธ๋จ]
2
[Customer Billing Print ๊ฒฐ๊ณผ ํ๋ฉด : ์ ํ๋น ์ฒญ๊ตฌ โ ํ๋งค ์ ๋ ฅ์๊ธ์ ํด๋น ์ฒญ๊ตฌ ์๋ณ๋ก
์ถ๋ ฅํ๋ ํ๋ก๊ทธ๋จ]
111. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI)
3. ํผ(form) (1/7)
110
ํ๋ฉด ์ ์ฉ ์์น ๋ฐ ๋ถ์
โข ์ ์ฉ ์์น
1. ์ฌ์ฉ์ ์ค์ฌ ๋ ์ด๋ธ
โข ๋ถ์
1. ์์ญ 1: ์ฌ์ฉ์ ์ค์ฌ์ ์ธ ๋ ์ด๋ธ์
Company code๊ฐ ์๋๋ผ
Company์ด์ด์ผ ํจ. Company
code๋ ์๋น์ค ์ ๊ณต์ ์์ฃผ์
1
[Asset report ์กฐํ ํ๋ฉด: ์์ฐ์กฐํ โ๋ณด์ ํ๊ณ ์๋ ์์ฐ์ ๋ํด์ ๋ค์ํ ์กฐ๊ฑด์ผ๋ก
๊ฒ์ํ์ฌ ์์ฐ์ ์ทจ๋๊ฐ์น ๋ฐ ๊ฐ๊ฐ์๊ฐ ์ ๋ณด๋ฅผ ์์ฐ๊ทธ๋ฃน ๋ฐ ๊ฐ๋ณ ์์ฐ ๋ฑ์ผ๋ก ๋ฆฌ์คํธ๋ก
๋ณด์ฌ์ฃผ๋ ํ๋ก๊ทธ๋จ]
112. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI)
3. ํผ(form) (2/7)
111
ํ๋ฉด ์ ์ฉ ์์น ๋ฐ ๋ถ์
โข ์ ์ฉ ์์น
1. ์ค๋ณต ์์
์ง์
2. ์ฌ์ฉ์ ์ค์ ๋ฐฉ์ง
3. ์ฌ์ฉ ์ต๊ด ์ง์
โข ๋ถ์
1. ์์ญ 1: Fiscal year์ Posting date์
๋
๋ ์
๋ ฅ ํญ๋ชฉ์ด ์ค๋ณต๋จ. Posting
date์ ๋
๋๋ฅผ ์
๋ ฅํ๋ฉด ์๋์ ์ผ๋ก
Fiscal year๊ฐ ์
๋ ฅ๋๋๋ก ์ฒ๋ฆฌ ํ์
2. ์์ญ 2: ๋
๋, ์, ์ผ์ ์ง์ ์
๋ ฅํ๋ฉด
์ค์๊ฐ ๋ง์ด ๋ฐ์ํจ. ์ ํํ ์ ์๋๋ก
UI๋ก ๋ณ๊ฒฝํ๋ ๊ฒ์ด ๋ฐ๋์งํจ
3. ์์ญ 2: ์ฌ์ฉ์๊ฐ ๋น์ผ ๋ ์ ๊ธฐ์ค์ผ๋ก
ํ๋ฌ ์ ๋ ๊ฒ์์ ํ๋ค๋ฉด, ์๋์ผ๋ก
๋น์ผ ๋ ๊ณผ ๋น์ผ ๋ ๋ก๋ถํฐ ํ๋ฌ ์ผ์๊ฐ
์ธํ
๋๋๋ก ์ฒ๋ฆฌํ๋ ๊ฒ์ด ๋ฐ๋์งํจ
1
2
[Temporary payment clearing ์กฐํ ํ๋ฉด: ์ ๋ถ๊ธ ๊ด๋ จ ํ๋ก์ธ์ค-ํ๊ฐ์ง ์
๋ฌด์
์ฐ๊ณ๋ 3์ข
๋ฅ์ ์์ฑ ์ ํ ํ์ธ ํ์ฌ Clearing์ฒ๋ฆฌ ์ง์ํ๋ ํ๋ก๊ทธ๋จ ]
113. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI)
3. ํผ(form) (6/7)
112
ํ๋ฉด ์ ์ฉ ์์น ๋ฐ ๋ถ์
โข ์ ์ฉ ์์น
1. ๊ฐ๋ก ์คํฌ๋กค ์ง์
2. ์ ํ ์ ๋ณด์ ๋ฏธ์ ํ ์ ๋ณด ๊ฐ ๊ตฌ๋ณ
3. ์ ํํ ์ ๋ณด ์ ์ฒด ์ฝ๊ฒ ํ์ธ
4. ์์ญ๋ณ ์ง๊ด์ ์๋ณ ํ์
โข ๋ถ์
1. ์์ญ๋ณ ๋ฐ์ดํฐ๊ฐ ์๋นํ ๋ง๋ค๋ฉด,
์์ญ๋ณ๋ก ๊ฐ๋ก ์คํฌ๋กค๊ณผ ์ธ๋ก
์คํฌ๋กค์ด ๋ฐ์ํ์ฌ ํ๋ฉด์ ๋ณต์ก๋๊ฐ
๊ณผ๋ํ๊ฒ ๋์์ง. ํนํ ๊ฐ ์์ญ๋ณ๋ก
์ฌ๋ฌ ๋ฐ์ดํฐ๋ฅผ ๋ถ์ฐํด์ ์ ํํ์๋ค๋ฉด
์ ํํ ๋ฐ์ดํฐ๋ฅผ ํตํฉ์ ์ผ๋ก
ํ์ธํ๊ธฐ๊ฐ ์ด๋ ค์. ๊ทธ๋ฌ๋ฏ๋ก ํ์ฌ์
UI ๊ตฌ์กฐ๋ ์กฐ์ ์ด ํ์ํจ
2. ์์ญ๋ณ ์๋ณ์ฑ์ด ๋จ์ด์ง. ์์ญ๋ณ
ํ์ดํ์ด ์ ๋ณด์ด์ง ์๊ธฐ ๋๋ฌธ์.
ํ์ดํ์ ์์ด์ฝ ์์ญ๋ณด๋ค ๋จผ์
๋ฐฐ์น์ํค๊ณ , ํ์ดํ ํฌ๊ธฐ๋ฅผ ํค์์ผ ํจ
1
2
3
[Temporary payment clearing์ Cash journal document clearing ์ต์
์ ํ
๊ฒฐ๊ณผ ํ๋ฉด: ์ ๋ถ๊ธ ๊ด๋ จ ํ๋ก์ธ์ค-ํ๊ฐ์ง ์
๋ฌด์ ์ฐ๊ณ๋ 3์ข
๋ฅ์ ์์ฑ ์ ํ ํ์ธ ํ์ฌ
Clearing์ฒ๋ฆฌ ์ง์ํ๋ ํ๋ก๊ทธ๋จ(ํ๊ธ)]
114. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI)
3. ํผ(form) (7/7)
113
ํ๋ฉด ์ ์ฉ ์์น ๋ฐ ๋ถ์
โข ์ ์ฉ ์์น
1. ์ ๊ด ์ ๋ณด ๊ฐ ์๊ด์ฑ ํ์
2. ์ ํ ์ ๋ณด์ ๋ฏธ์ ํ ์ ๋ณด ๊ฐ ๊ตฌ๋ณ
3. ๋์๋ง ์ง์
4. ์ ๊ด ์ ๋ณด์ ๊ทธ๋ฃนํ
โข ๋ถ์
1. ์์ญ๋ณ ๋ฐ์ดํฐ๋ฅผ ์ ํํ๋ฉด ์์ญ 3์์
์ ๊ด๋ ํญ๋ชฉ์ ๋ฐ์ดํฐ๊ฐ ์๋์ผ๋ก
๋ณ๋๋จ. ์ด๋ ์ด๋ค ํญ๋ชฉ์ด ์ ๊ด๋์๊ณ ,
์ด๋ป๊ฒ ๋ฐ์ดํฐ๊ฐ ๋ณ๋๋์๋์ง๋ฅผ
ํ์ธํ ์ ์๋๋ก ์กฐ์น๊ฐ ํ์ํจ
2. ์์ญ 3์์ balance๊ฐ 0์ด ์๋์ด๋
์์
์ ์๋ฃํ ์ ์๋๋ก ์์ญ 4๋ฅผ
์ฒดํฌํ ์ ์๋ค๋ ์ค๋ช
์ด ํ์ํจ.
์ค๋ช
์ ์์ญ 3์ ๋ฐฐ์น๋ ํ์๊ฐ ์์
1
2
4 3
[Temporary payment clearing์ ATO clearing ์ต์
์ ํ ๊ฒฐ๊ณผ ํ๋ฉด: ์ ๋ถ๊ธ
์ ์ฐ(ATO)-ํ๊ธ์ด ์๋ ๊ฐ์ง๊ธ ๋ฐ์ํ ๋ถ๋ถ์ ๋ฐ์ํ ์ ํ๋ฅผ ํ์ธ ํ์ฌ Clearing์ฒ๋ฆฌ
์ง์ํ๋ ํ๋ก๊ทธ๋จ ]
116. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI)
ZEC UI/UX Strategic Framework 1.0a by Billy Choi
Zero Effort
UI/UX Strategy
ZEC* UI/UX
Strategy
(*ZEC=Zero Effort &
Connected(IoT/IoE))
Load
Law of
conservation of
complexity
Quality in Use
F-shaped
pattern
based
Satisficing
UI
UX
Zero Effort
UI/UX Strategy
Connected
Shortcuts &
Defaults
Connected
FFA**
DAG***
ZEC UI
Strategy
Ferdinand de
Saussureโs
Syntagm &
Paradigm
Jean
Baudrillardโs
Simulation &
Hyperreal
Quantified
Self & Change
Life
**FFA=Feedback,
Feedforward and
perceived
Affordances
***DAG=The
Dopamine seeking
system, unconscious
selective Attention,
Goal-gradient effect
115
http://www.slideshare.net/BillyChoi/2014-web-ux-trends-zero-effort-connected-uxui-strategy
117. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI)
The Overview of ZEC(Zero Effort & Connected) UI/UX Strategy 1.0a
116
Man Machine
Interface
Human Computer
Interface
based context
H C
Interaction
based context
Info. Architecture
based context
H C
Interaction
based context
Info. Architecture
based context
H
Interaction
based context
Info. Architecture
based context
H
Group
Society
C
Content
Service
Interaction
based context
Info. Architecture
based context
H
G
S
Interaction
based context
Info. Architecture
based context
H based
embodied
cognition
G
S
C
C
S
Connected Thing
Culture-(eco)System
Company
Interaction
based context
Info. Architecture
based context
H based
embodied
cognition
G
S
Interaction
based context
Info. Architecture
based context
HCI1.0HCI2.0!HCI3.0?
UI
UX0.0UX1.0!UX2.0?
ZeroEffort
UI/UXStrategy
ZEC
UI/UXStrategy
http://www.slideshare.net/BillyChoi/20140523-zero-effort-connected-uiux-strategy-overview-v10a
118. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI)
The Overview of ZEC(Zero Effort & Connected) UI/UX Strategy 1.0a
117
HCD Human-Centered Design
UCD User-Centered Design
ACD Activity-Centered Design
GDD Goal-Driven Design (Persona & Scenario design)
CCD Collaboration-Centered Design (Agile UX)
MCD Metrics-Driven Design (Lean UX)
http://www.slideshare.net/BillyChoi/20140523-zero-effort-connected-uiux-strategy-overview-v10a
119. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI)
The Overview of ZEC(Zero Effort & Connected) UI/UX Strategy 1.0a
118
UI/UX
Method
I
UI/UX
Method
II
UI/UX
Method
III
UI/UX
Method
IV
UI/UX
Guideline
I
UI/UX
Guideline
II
UI/UX
Guideline
III
UI/UX
Guideline
IV
http://www.slideshare.net/BillyChoi/20140523-zero-effort-connected-uiux-strategy-overview-v10a
120. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI)
์ธ์ฉ/์ฐธ์กฐ ๋ฌธํ
โข UX Strategy ; Management Perspective on UX (Ernest Volnyansky, Apr 15, 2013)
โข Lean UX Roundtable (Anders Ramsay, Apr 24, 2012)
โข HCI (Meet Shah, Sep 2012)
โข HCI (Alejandro Ruiz, Aug 2012)
โข History of Human-Computer Interaction (Erik Duval, Mar 2012)
โข Human-Computer Interfaces: How is Technology Change Creating New Opportunities in Them? (Jeffrey Funk, Mar 2012)
โข Human Computer Interaction ๊ฐ๋ก (๊น์ง์ฐ, 2012)
โข 100 Things Every Presenter Needs to Know About People (Susan Weinschenk, May 14, 2012)
โข 100 Things Every Designer Needs to Know About People, http://www.scribd.com/doc/104454035/100-Things-Every-Designer-
Needs-to-Know-About-People-Weinschenk-New-Riders-2011 (Susan M. Weinschenk, 2011), The W Blog,
http://www.theteamw.com/blog/ (Susan M. Weinschenk)
โข HCI to UX to HCI - Parte A (Cristiano Rastelli, Dec 2011)
โข Brief Introduction to HCI (Bao Nguyen, Dec 2011)
โข Human-Computer Interaction: An Overview (Sabin Buraga, Feb 2010)
โข Introduction to HCI (Deskala, Jul 2010)
โข HCI Quick Guide (Emanuel Fernandes, May 2010)
โข The Ten Commandments Of User Experience (Nick Finck, Mar 2010)
โข 10 Things CEOs Need to Know About Design (Jason Putorti, May 2010)
โข UX design. What, how and why (Serena Facchinetti, Feb 2010)
โข Metrics-Driven Design (Joshua Porter, May 2010)
โข Collaborating with Customers using Innovation Game (Enthiosys Inc, Apr 27, 2009)
โข UX Deliverables in Practice (Peter Boersma, May 2009)
โข 10 Most Common Misconceptions About User Experience Design (Whitney Hess, Apr 2009)
โข UX design, service design and design thinking (Sylvain Cottong, Aug 2009)
โข Foundations of Interaction Design (Karen McGrane, Jan 2009)
โข User Experience Best Practices (Nick Finck, May 2008)
โข User Centered Design 101 (Frank Spillers, Mar 2007)
โข Experience Is The Product (Peterme, Oct 2007)
โข Are You An User Experience Designer (Vinay Mohanty, Oct 2007)
119
121. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI)
์ธ์ฉ/์ฐธ์กฐ ๋ฌธํ
โข Designing Structure: Interaction Design (Christina Wodtke, Oct 2012)
โข Human Computer Interaction ๊ฐ๋ก (๊น์ง์ฐ, 2012)
โข User Experience Deliverables (Jenna Yim, Jun 2011)
โข Chapter 6: Usability: ํธ๋ฆฌํ ์์คํ
์ ๊ธฐ์ด (CheolSu Lim, 2011)
โข HCI Quick Guide (Emanuel Fernandes, May 2010)
โข Web and mobile forms design (Chui Chui Tan) - UserFriendly 2010 workshop (cxpartners, Nov 22, 2010)
โข UX Design Deliverables: Expert's Choice (Lilia Manguy, Mar 2010)
โข ์ฌ์ฉ์ฑ (Usability)์ ์์น (Kim Min, 2010)
โข Unify Your Deliverables (nathanacurtis, Mar 2009)
โข The Ideal Ux Team And What They Produce (Dave Lougheed, Nov 2009)
โข Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules (guest45d695, Jul 2008)
โข Web Form Design Best Practices (Luke Wroblewski, Jul 22, 2007)
120
122. ยฉ 2014 InnoUX & Innodesign All rights reserved.Zero Effort UI/UX Strategy by Billy Choi(@ILOVEHCI)
์ธ์ฉ/์ฐธ์กฐ ๋ฌธํ
โข Ethnography (Santosh Bhandari, Mar 29, 2013)
โข Cultural probes in real life (gerrygaffney, Jun 11, 2012)
โข UX of User Stories Workshop (Anders Ramsay, Aug 14, 2012)
โข Usability behaviors: Usability and the SDLC (Ted Tschopp, Nov 04, 2012)
โข Know Thy User: The Role of Research in Great Interactive Design (frog, Sep 2012)
โข The Mobile Frontier (Rachel Hinman, Feb 2012)
โข Introduction to AgileUX: Fundamentals of Customer Research (Will Evans, Jan 2012)
โข Customer Research & Persona Development (Will Evans, Oct 2012)
โข Introduction to UX Research: Conducting Focus Groups (Will Evans, Jan 2012)
โข Midwest UX '12: Mapping the Experience (Chris Risdon, Jun 2012)
โข Eye Tracking & User Research (Optimal Usability, Apr 2012)
โข Taking it to the streets: Investigating mobile and web UX through field studies (Emma Rose, Jun 2012)
โข NYTECH "Measuring Your User Experience Designโ (New York Technology Council, Mar 2012)
โข How to Conduct UX Benchmarking (UserZoom, May 2012)
โข Customer validation with Diary Studies (Boon Chew, Jan 2012)
โข The Science of Great Site Navigation: Online Card Sorting + Tree Testing (UserZoom, Jul 2012)
โข Introduction to Card Sorting (ThoughtFarmer, Sep 2012)
โข Usability Testing Basics (Stephen Francoeur, Mar 2012)
โข Storytelling: Rhetoric of heuristic evaluation (Southern Polytechnic State University, Mar 2012)
โข Cognitive and pluralistic (Aarushi Mishra, Oct 2012)
โข How to Quantitatively Measure Your User Experience (Richard Dalton, May 2012)
โข Information Architecture Heuristics (Abby Covert, Jul 24, 2011)
โข Diary Studies in HCI & Psychology (UPABoston, Jul 13, 2011)
โข Remote Testing Methods & Tools Webinar (UserZoom, Dec 2011)
โข Beyond User Research (Louis Rosenfeld, Mar 2011)
โข Using Ethnographic User Research to Drive Knowledge Management and Intranet Strategy (NavigationArts, Dec 01, 2010)
โข Remote Research, The Talk. (bolt peters, May 27, 2010)
โข User Interview Techniques (Liz Danzico, May 2010)
โข The new digital ethnographerโs toolkit: Capturing a participantโs lifestream (Christopher Khalil, Sep 04, 2009)
โข Design Research For Everyday Projects - UX London (leisa reichelt, Jun 2009)
โข Contextual Inquiry V1 (Rajesh Jha, Sep 11, 2008)
121