Android UI Design · Android UI Design ii Contents 1 Android UI Overview 1 1.1 Introduction ...
Android Design for Success
-
Upload
marwan-zouinkhi -
Category
Design
-
view
228 -
download
1
description
Transcript of Android Design for Success
2014-10-07 /47
Presented by: Marwan Zouinkhi
Member at IGC
1
/47
Developing Android Apps,
Where to start ?
2
/47
Do you have an IDEA for an app?
3
/47
You need a better “Look & Feel”!!!!
4
/475
Abraham Maslow’shierarchy of needs
2014-10-07 /47
Events AppIDEA !!
6
/477
/478
Doing this..
Withoutthis..
equals
2014-10-07 /47
Utility
9
/47
Of each particular thing, ask: “What is it, in and of itself”
Hannibal Lecter
10
2014-10-07 /4711
What is your app in and of itself ?Think about the fundamentals
What is the purpose of your app ?What ate the tactical goals that serve the purpose ?What are the things that are most important to your user ?
/47
User Experience Research
12
Functions in a Design team
Visual Design
Interaction Design
Prototyping
Technical Writing
The
Glu
e
2014-10-07 /47
User Experience Research
13
2014-10-07 /47
Collecting information:
What people do before, during and after an event ?
14
What tools do they use ?
What are their rituals ?
Where are the pain points ?
2014-10-07 /47
Take notes
15
• People add events to theirs calendar, they carry it around at all times.
• People refer to maps to know the place, they visit more the closer events
• People learn the details about events
• at the event, users use the bulletin boards to communicate
• People prefers going to events with friends
• If they were distracted by other activities, they want to see the event after
2014-10-07 /47
Purpose & Goals
BeforePlan personal agenda
Explore the program
Find interesting events
Read events contents
Get connected
Share sessions
16
DuringFind their way around
Get reminded of events
Stay organized
Share experiences
Engage with attendees
AfterSee session recap
Comment the event
2014-10-07 /47
Is this the good idea ??
17
2014-10-07 /47
Translate your objects
Maintain the "spirit"Make it more powerful, efficient and flexibleMake it appropriate for the small screen Be inspired by existing virtual objects
18
2014-10-07 /4719
Google Maps
2014-10-07 /4720
Google Maps
2014-10-07 /47
Functional relationships of objects and actions
21
Agenda
MapsEvent
Program
View maps
view eventsfor a place
2014-10-07 /47
Top-level screen
22
2014-10-07 /4723
What should be the hero?
2014-10-07 /47
Agenda is the HERO
24
2014-10-07 /47
Phone
25
Tablet
2014-10-07 /47
Phone
26
Tablet
2014-10-07 /47
Phone
27
Tablet
2014-10-07 /47
Phone
28
Tablet
Saturday, 27/09/2014
Sunday, 28/09/2014
Saturday, 27/09/2014
Sunday, 28/09/2014
2014-10-07 /47
Finding event by
Track Time slot
29
AndroidArduino
CommerceAPIs
2014-10-07 /47
Phone
30
Tablet
Saturday, 27/09/2014
Sunday, 28/09/2014
Agenda Explore Agenda Explore
Android
Arduino
Commerce
APIs
Android
Arduino
Commerce
APIs
2014-10-07 /47
Phone
31
Tablet
Saturday, 27/09/2014
Sunday, 28/09/2014
Agenda Explore
Android
Arduino
Commerce
APIs
Agenda Explore
Android
Arduino
Commerce
APIs
Maps Maps
2014-10-07 /47
Phone
32
Tablet
Stream
Saturday, 27/09/2014
Sunday, 28/09/2014
Agenda Explore
Android
Arduino
Commerce
APIs
Maps
Agenda Explore Stream
2014-10-07 /47
Low Level screen
2014-10-07 /47
Phone
Saturday, 27/09/2014
Sunday, 28/09/2014
Event details
2014-10-07 /47
35
Tablet
Android DesignFor success
Event 2
Event 3
Event 4
Android Design for success
Image
Speakers
Links
Add to Agenda
2014-10-07 /47
36
Up Arrow
Android DesignFor success
Event 2
Event 3
Event 4
Android Design for success
Image
Speakers
Links
Add to Agenda
2014-10-07 /47
Android DesignFor success
Event 2
Event 3
Event 4
Android Design for success
Image
Speakers
Links
Add to Agenda
Saturday, 27/09/2014
Sunday, 28/09/2014
Agenda Explore
Android
Arduino
Commerce
APIs
Maps
Everybody can do it
2014-10-07 /47
Visualise
38
2014-10-07 /4739
2014-10-07 /4740
2014-10-07 /47
Know your device
41
2014-10-07 /47
Choose one to start
42
2014-10-07 /47
Identify your hero screens
43
Saturday, 27/09/2014
Sunday, 28/09/2014
Agenda Explore Stream
Android
Arduino
Commerce
APIs
Agenda Explore StreamAgenda Explore Stream
2014-10-07 /4744
2014-10-07 /4745
Icon
2014-10-07 /47
Android Design
46
2014-10-07 /4747
Real objects are more funthan buttons and menus
2014-10-07 /4748
Let me make it mine
2014-10-07 /4749
Get to know me
2014-10-07 /4750
Keep it brief
2014-10-07 /4751
Make important things fast
2014-10-07 /4752
Decide for me but let me have the final say
2014-10-07 /4753
Never lose my stuff
2014-10-07 /4754
Pictures are faster than words
2014-10-07 /4755
I should always know where I am
2014-10-07 /4756
Only show what I need when I need it
2014-10-07 /4757
Do the heavy lifting for me
2014-10-07 /4758
It’s not my fault
2014-10-07 /4759
Give me tricks that work everywhere
2014-10-07 /4760
Only interrupt me if it’s important
/47
And just
61