Mobile Interaction Design - 行動世界裡的互動設計之 7 言心旅
97
{ #'; MobileHero 2014
description
混談了三個東西，行動(Mobile) + 互動(Interaction) + 設計(Design)，整理了 7 件你不得不面對的問題，然後思考它，征服它！
Transcript of Mobile Interaction Design - 行動世界裡的互動設計之 7 言心旅
{"
��������������������������
#';�MobileHero 2014�
+5�
+5�+1�
+2�
>(���� �2,��1����)*&9/��
:-��
53���"6$)�
Design�Interaction�
Steve Jobs unveiled the iPhone on the January 2007 …�
Mobile�
Mobile##+#Interaction#+#Design�
Stay Hungry, Stay Foolish
%.)!+�
4?��
On mobile we worry about ‘users’�
Fast, Faster, Fastest�
回不去了…Touch Interfaces Everywhere�
關於 HCI , 從我的海外流浪之旅開始…�
Ability-Based Design�
MVC
Design pattern from design view�
How to make a continuous interface�M
How to make an interface looks touchable�
V�
How to make an interface touchable�
Source: www.lukew.com�
C
MVC�
! M - Moving toward (continuous)"
! V - Looking touchable"
! C – Touch(Gesture)-aware�
MVC�
Magic7Factors�
1. Swipe vs. Scroll�
{"
2. Finger-Friendly Design�
44�
{"
3. Designing for Platform�
iOS� Android�
4. Designing for Experience�
Listening…�
5. Designing for Conversion�
Use Button instead of Link�
Speed up Load Time�
Headline & Subheadline�
Image�
6. Designing for Engagement�
I�
Input�
Logic�
OFF1SCREEN�
Display�
{"
Maslow's hierarchy of needs �馬斯洛之人類基本五大需要�
只求溫飽�
只求安全�
群體生活�
被重視�
自我實現�
Maslow's hierarchy of needs �健身中心之馬斯洛五大需要�
7. Impacts of Poor Design�
{"7� �<�
{"
1. Swipe vs. Scroll 2. Finger-Friendly Design 3. Designing for Platform 4. Designing for Experience 5. Designing for Conversion 6. Designing for Engagement 7. Impacts of Poor Design�
@�02,=8�
{"����
��������#';�
