"Learning by doing" is our belief. Hope the slides we (Sharon & Leo) shared could exert positive influences on the place we live =).

1. LET’S DO DESIGN !
⼀一起做設計！
Sharon Chang
Leo Lin
2013/5/31
1

2. 活動總攬
•介紹
•微⼯工作坊 - Let’s do it !
•設計⼩小結
•讓我們從這裡出發！ - 下⼀一步
•案例showcase
2

3. Sharon Chang (張佑瑄)
■ UX Designer / Garmin
System Engineer / Realtek
Engineer / MediaTek
■ Master of Design, NationalTaipei University ofTechnology
Exchange at Brunel University
Master of Engineering, NationalTaiwan University
■ Mail: sharonchang0919@gmail.com
FB: https://www.facebook.com/sharon.chang.0919
LinkedIn: http://tw.linkedin.com/pub/yu-hsuan-sharon-chang/30/849/327
3

4. ■ Leo Lin (林哲偉)
■ UX DESIGNER / KKBOX
■ ABOUT
Hi, my name is Leo. I'm responsible for the product design end-end from
concepts, prototypes to UI final implementation.And suggest solutions that
optimize requirements and balance technological realities.That will push the
boundaries of what is possible to create better experiences for users.
■ Mail
linjewe@live.com
■ Facebook
https://www.facebook.com/linjewe?ref=flnm
■ Linkedin
http://www.linkedin.com/profile/view?
id=199603573&trk=nav_responsive_tab_profile
4

5. 什麼是使⽤用者經驗
設計(UX DESIGN)？
5

6. http://answers.oreilly.com/topic/1860-gamestorming-empathy-map/
User
6

7. 想去阿⾥里⼭山看⽇日出...
http://blog.roodo.com/loveorchid/archives/5217447.html 7

8. 8
有很多⽅方法可以到那裡

9. https://www.thebmc.co.uk/climb-skills-top-7-training-myths
9
關鍵在於... Action

10. 站在使⽤用者⾓角度思考
+
執⾏行
=
WOW
10

11. 微⼯工作坊 -
讓我們⼀一起做設計吧
LET’S DO IT!
http://www.empowernetwork.com/savtycoon/files/2012/12/connecting-people.jpg?id=savtycoon 11

12. How to organize?
PLAYSTOP
POWER DISPLAY
TV/RADIO
ENERGY
SAVING
SOURCE 0-9
MARK/
FAV
MUTE
RETURNINFO
UP/ DOWN/
LEFT/ RIGHT
OK
PAUSE GUIDE
PAGE UP/
DOWN
SETTING
FAST
FORWARD
FAST
BACKWARD
RATIO
VOLUME
UP/DOWN
12

13. http://pfdodia.blogspot.tw/
http://www.racepedia.co.uk/blog/betting-tips/an-introduction-to-poker-hands/
卡⽚片分類法
13

14. 設計⼩小結

15. 15

16. POWER
e-ENERGY
MENU INFO GUIDE SETTING
1 2 3
4 5 6
7 8 9
0
▲
▼
+
-
MUTE
▲
◀ OK ▶
▼
❘◀◀ ▶▶❘❘❘/▶
SOURCES
TV /
RADIO
MAKE /
FAV
RETURN RATIO SUBTITLE
DISPLAY
16
線框圖
(Wireframe)

17. UX DESIGN PRINCIPLES
- Whitney Hess
1. Stay out of people’s way
2. Create a hierarchy that machines people’s needs
3. Limit distractions
4. Provide strong information scent
5. Provide signposts and cues
6. Provide context
7. Use constraints appropriately
8. Make actions reversible
9. Provide feedback
10. Make a good first impression
17https://www.youtube.com/watch?v=94HOViTj4iA

18. 有了三款架構之後 ...
18

19. 讓我們從這裡出發！
- 下⼀一步

20. http://www.rikrunge.nl/2013/03/ironphone-for-paper-prototyping/
20
製作雛型(Prototyping)
PAPER PROTOTYPING

21. PAPER PROTOTYPING
21

22. http://www.coroflot.com/samantharosa/work-samples
22
PAPER PROTOTYPING

23. http://www.sitemotif.com/2009/09/tools-of-the-trade-software-for-prototyping/
BY PROTOTYPING TOOL
23

24. 驗證(Testing)
http://blog.readingroom.com/2013/01/10/mobile-usability-testing/
24

25. 案例SHOWCASE

26. NAVTUNE 7190
26
http://www.garmin.com.tw/products/ontheroad/navtune7190/

27. 27

28. 28

29. 29

30. 站在使⽤用者⾓角度思考
+
執⾏行
=
WOW
30

31. 謝謝您們的參與！
31