Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
DESIGN
10 principles for good
DESIGN
10 principles for good
INNOVATIVE
1. Good design is
The possibilities for innovation are not,
by any means, exhausted. Technological
development is always offering new
opport...
Facebook
Vsco
Rdio
Feedly
Facebook Vsco Rdio Feedly
iOS 7 Native Photos
iOS 7 Native Calendar
USEFUL
2. Good design makes a product
A product is bought to be used. It has to
satisfy certain criteria, not only
functional, but also psychological and
aesthe...
Clear hierarchy of
information, most
important content front
and center
Consistent size,
stroke weightYahoo! Weather
Concise and
accurate
secondary
information
Yahoo! Weather
Uses geolocation,
search history, social
history to provide
useful contextual
information.
Google Now
Weather conditions
available to golfers
at all times.
Digital Caddies
Chat with other golf carts
and staff at any time.
AESTHETIC
3. Good design is
The aesthetic quality of a product is
integral to its usefulness because
products we use every day affect our
person and o...
Dots
VS.
DotsBubblet
for the wine
connoisseur
Plonk
A periodic table of...
WINE
MUSIC
Timbre
LOCAL
DISCOVERY
Could easily be
standard/native list
screens, but focus on
aesthetics makes the
interaction with the
product more
memorabl...
Jiffy
NexoniaJiffy
“Recognizing patterns helps you make quick sense of the sensory input
that comes to you every second. Your ey...
4. Good design makes a product
UNDERSTANDABLE
It clarifies the product’s
structure. Better still, it can
make the product talk. At best,
it is self-explanatory.
It clar...
iMessages
Speech bubble graphic
convention borrowed from
comics is universally
understood.
“During everyday activities
your mind wanders up to 30
percent of the time, and in
some cases like driving, up to
70 perce...
UNOBTRUSIVE
5. Good design is
Products fulfilling a purpose are
like tools. They are neither
decorative objects nor works of art.
Their design should th...
SimpleAndroid Notifications
Simple
HONEST
6. Good design is
It does not make a product more
innovative, powerful or valuable than it
really is. It does not attempt to
manipulate the ...
VS.iOS 7 iOS 6
uh oh...
VS.
...
LONG-LASTING
7. Good design is
It avoids being fashionable and
therefore never appears
antiquated. Unlike fashionable
design, it lasts many years –
even ...
The Mercedes symbol, for
example, has nothing to do with
automobiles; yet it is a great
symbol, not because its design
is ...
Minecraft
DETAIL
8. Good design is thorough down to the last
Nothing must be arbitrary or
left to chance. Care
and accuracy in the design
process show respect
towards the user.
PROFILE - FOLLOWERS PROFILE - FOLLOWING PROFILE - FAVORITES
CHOOSE FILTER
CAMERA - CAPTION / SHARE
VIDEO - RECORD
FIND FRI...
PROFILE - FOLLOWERS PROFILE - FOLLOWING PROFILE - FAFIND FRIENDS (opt 2)
PROFILE - PICTURES
SPLASH
SPOTIGORY
LOGO
LOGIN
SI...
FIND FRIENDS (opt 2)
Consider 3 dots
instead of long press
for menu.
Dark overlay or
blurred photo when
share / report opt...
CAMERA - CAPTION / SHARE
Share options could also
be set from “settings” once
and applied until changed
again in settings ...
DIGITAL CADDIES APP
WEATHER SCREEN UPDATES | 2013.07.18
LABS
ROBOTO CONDENSED 18 PX #E9E9E9
ROBOTO BOLD CONDENSED 30 PX #E...
FRIENDLY
9. Good design is environmentally
Design makes an important
contribution to the preservation
of the environment. It conserves
resources and minimizes
physic...
Nike Making
Nike Making
Nike Making
POSSIBLE
10. Good design is as little design as
Clear
Gesture based interactions
eliminate the need for
superfluous interface
elements.
Connecting Dots
10 Principles for Good Design for Mobile
10 Principles for Good Design for Mobile
10 Principles for Good Design for Mobile
10 Principles for Good Design for Mobile
10 Principles for Good Design for Mobile
10 Principles for Good Design for Mobile
10 Principles for Good Design for Mobile
10 Principles for Good Design for Mobile
10 Principles for Good Design for Mobile
10 Principles for Good Design for Mobile
10 Principles for Good Design for Mobile
10 Principles for Good Design for Mobile
10 Principles for Good Design for Mobile
Upcoming SlideShare
Loading in …5
×

10 Principles for Good Design for Mobile

10 Principles for Good Design for Mobile

  1. DESIGN 10 principles for good
  2. DESIGN 10 principles for good
  3. INNOVATIVE 1. Good design is
  4. The possibilities for innovation are not, by any means, exhausted. Technological development is always offering new opportunities for innovative design. But innovative design always develops in tandem with innovative technology, and can never be an end in itself.
  5. Facebook
  6. Vsco
  7. Rdio
  8. Feedly
  9. Facebook Vsco Rdio Feedly
  10. iOS 7 Native Photos
  11. iOS 7 Native Calendar
  12. USEFUL 2. Good design makes a product
  13. A product is bought to be used. It has to satisfy certain criteria, not only functional, but also psychological and aesthetic. Good design emphasizes the usefulness of a product whilst disregarding anything that could possibly detract from it.
  14. Clear hierarchy of information, most important content front and center Consistent size, stroke weightYahoo! Weather
  15. Concise and accurate secondary information Yahoo! Weather
  16. Uses geolocation, search history, social history to provide useful contextual information. Google Now
  17. Weather conditions available to golfers at all times. Digital Caddies
  18. Chat with other golf carts and staff at any time.
  19. AESTHETIC 3. Good design is
  20. The aesthetic quality of a product is integral to its usefulness because products we use every day affect our person and our well-being. But only well-executed objects can be beautiful.
  21. Dots
  22. VS. DotsBubblet
  23. for the wine connoisseur Plonk A periodic table of... WINE
  24. MUSIC Timbre LOCAL DISCOVERY
  25. Could easily be standard/native list screens, but focus on aesthetics makes the interaction with the product more memorable and meaningful. Timbre Plonk
  26. Jiffy
  27. NexoniaJiffy “Recognizing patterns helps you make quick sense of the sensory input that comes to you every second. Your eyes and brain want to create patterns, even if there are no real patterns there.” - Susan M. Weinschenk VS.
  28. 4. Good design makes a product UNDERSTANDABLE
  29. It clarifies the product’s structure. Better still, it can make the product talk. At best, it is self-explanatory. It clarifies the product’s structure. Better still, it can make the product talk. At best, it is self-explanatory.
  30. iMessages Speech bubble graphic convention borrowed from comics is universally understood.
  31. “During everyday activities your mind wanders up to 30 percent of the time, and in some cases like driving, up to 70 percent of the time. People will only focus on a task for a limited time. Assume that their minds are wandering often.” - Susan M. Weinschenk Strava Cycling
  32. UNOBTRUSIVE 5. Good design is
  33. Products fulfilling a purpose are like tools. They are neither decorative objects nor works of art. Their design should therefore be both neutral and restrained, to leave room for the user’s self- expression.
  34. SimpleAndroid Notifications
  35. Simple
  36. HONEST 6. Good design is
  37. It does not make a product more innovative, powerful or valuable than it really is. It does not attempt to manipulate the consumer with promises that cannot be kept.
  38. VS.iOS 7 iOS 6
  39. uh oh...
  40. VS.
  41. ...
  42. LONG-LASTING 7. Good design is
  43. It avoids being fashionable and therefore never appears antiquated. Unlike fashionable design, it lasts many years – even in today’s throwaway society.
  44. The Mercedes symbol, for example, has nothing to do with automobiles; yet it is a great symbol, not because its design is great, but because it stands for a great product. -Paul Rand Originally published in 1991 by AIGA, the professional association for design.
  45. Minecraft
  46. DETAIL 8. Good design is thorough down to the last
  47. Nothing must be arbitrary or left to chance. Care and accuracy in the design process show respect towards the user.
  48. PROFILE - FOLLOWERS PROFILE - FOLLOWING PROFILE - FAVORITES CHOOSE FILTER CAMERA - CAPTION / SHARE VIDEO - RECORD FIND FRIENDS (opt 2) PROFILE - PICTURES SPLASH SPOTIGORY LOGO LOGIN SIGN UP USERNAME LOGIN WITH FACEBOOK LOGIN RESET FORGOT PASSWORD? PASSWORD EMAIL ADDRESS SPOTIGORY LOGO USERNAME LOGIN WITH FACEBOOK LOGIN FORGOT PASSWORD? PASSWORD LOGIN LOGIN - FORGOT PASSWORD SIGN UP LOGIN WITH FACEBOOK CREATE ACCOUNT FIRST NAME LAST NAME CHOOSE A USERNAME CHOOSE A PASSWORD EMAIL ADDRESS Consider 3 dots instead of long press for menu. Dark overlay or blurred photo when share / report options come up. Press filter once for pre- view. Checkmark / “Okay” text will appear in filter box, and second press will apply the filter. Share options could also be set from “settings” once and applied until changed again in settings (free up space for other options). Could be icons or text. If video was recorded, take the user back to a copy of their video, still editable. Click on person to see message, “Follow?” Check indicates that you are following that user. If you click on a user you are already following, the text “follow” changes to “unfollow” Same action as “Find Friends” when clicking on profile image. SETTINGSSEARCH LOGOUT - ACCEPT CHANGE UN / PW / EMAIL / ABT HOME SCREEN COMMENTS / FAVORITES SINGLE PHOTO HOLD DOWN PHOTO CAMERA - RECORD AT&T 11:56 AM LOGO 3 FLASH ON VID / CAMTAKE PIC GRID ? FRONT CAMERA AT&T 11:56 AM LOGO 3 CAPTION LOCATION (necessary?) FBOOK TWITTER DONE EMAIL FBOOK TWITTER EMAIL TTER EMAIL EMAIL@GMAIL.COMEMAIL AT&T 11:56 AM LOGO 3 HOME FRNDS CMRA FAVS PRFL X MINS AGO USER PIC USERNAME USER LOCATION USERNAME: USER COMMENTS GO HERE AND WILL TAKE UP 2 LINES MAX. USERNAME: USER COMMENTS GO HERE AND WILL TAKE UP 2 LINES MAX. 11 45 REPORT SHARE AT&T 11:56 AM LOGO 3 GRID ? DELETE FRONT CAMERA REC VIDEO VID / CAM AT&T 11:56 AM LOGO FILTER 3 ROTATE FRAMEBRIGHTEN FILTER FILTER FILTER AT&T 11:56 AM HOME FRNDS CMRA FAVS PRFL LOGO 3 USERNAME Dallas, Texas A few sentences and up to two lines about the user and their interests. Following Following PICTURES FOLLOWERS FOLLOWING FAVORITES 500 1,241 1,088 226 John Smith Dallas, Texas Following John Smith Dallas, Texas Following John Smith Dallas, Texas Following John Smith Dallas, Texas Following John Smith Dallas, Texas AT&T 11:56 AM HOME FRNDS CMRA FAVS PRFL LOGO 3 USERNAME Dallas, Texas A few sentences and up to two lines about the user and their interests. Following PICTURES FOLLOWERS FOLLOWING FAVORITES 500 1,241 1,088 226 Following John Smith Dallas, Texas Follow John Smith Dallas, Texas Follow John Smith Dallas, Texas Follow John Smith Dallas, Texas Follow John Smith Dallas, Texas AT&T 11:56 AM HOME FRNDS CMRA FAVS PRFL LOGO 3 USERNAME Dallas, Texas A few sentences and up to two lines about the user and their interests. Following PICTURES FOLLOWERS FOLLOWING FAVORITES 500 1,241 1,088 226 AT&T 11:56 AM LOGO 3 X MINS AGO USER PIC USERNAME USER LOCATION USERNAME: USER COMMENTS GO HERE AND WILL TAKE UP 2 LINES MAX. USERNAME: USER COMMENTS GO HERE AND WILL TAKE UP 2 LINES MAX. 11 45 HOME FRNDS CMRA FAVS PRFL AT&T 11:56 AM LOGO 3 HOME FRNDS CMRA FAVS PRFL USER PIC USERNAME USER COMMENTS GO HERE AND WILL GO HERE ALSO. USER PIC USERNAME USER COMMENTS GO HERE AND WILL GO HERE ALSO. USER PIC USERNAME USER COMMENTS GO HERE AND WILL GO HERE ALSO. USER PIC USERNAME USER COMMENTS GO HERE AND WILL GO HERE ALSO. COMMENT HERE AT&T 11:56 AM LOGO 3 HOME FRNDS CMRA FAVS PRFL FACEBOOK TWITTER CONTACTS USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME USERNAME USERNAME USERNAME LOCATION FOLLOW PROFILE Show x number of likes and x number of com- ments. The rest can be seen by clicking the like or comment button. AT&T 11:56 AM LOGO 3 X MINS AGO USER PIC USERNAME USER LOCATION USERNAME: USER COMMENTS GO HERE AND WILL TAKE UP 2 LINES MAX. USERNAME: USER COMMENTS GO HERE AND WILL TAKE UP 2 LINES MAX. 11 45 HOME FRNDS CMRA FAVS PRFL AT&T 11:56 AM HOME FRNDS CMRA FAVS PRFL USERNAME Dallas, Texas LOGO 3 A few sentences and up to two lines about the user and their interests. Following PICTURES FOLLOWERS FOLLOWING FAVORITES 500 1,241 1,688 226 SPOTIGORY LOGO Slight parallax move- ment with the logo. NOTIFICATIONS AT&T 11:56 AM LOGO 3 USERNAME has commented on your photo USERNAME has commented on your photo USERNAME has commented on your photo USERNAME has commented on your photo USERNAME has commented on your photo USERNAME has commented on your photo AT&T 11:56 AM USERNAME FIND & INVITE FRIENDS PRIVACY POLICY TERMS OF USE SUPPORT TEAM LOGOUT ACCEPT AT&T 11:56 AM LOGO 3 USERNAME NEW PASSWORD SAVE CHANGES CHANGE EMAIL CHANGE USERNAME ABOUT ME FACEBOOK TWITTER PHOTO PRIVACY PUBLIC NOTIFICATIONS ON AT&T 11:56 AM USERNAME SAVE CHANGES CHANGE PASSWORD CHANGE EMAIL CHANGE USERNAME ABOUT ME FACEBOOK TWITTER PHOTO PRIVACY PUBLIC NOTIFICATIONS ON HOME SCREEN - DRAWER AT&T 11:56 AM USERNAME FIND & INVITE FRIENDS PRIVACY POLICY TERMS OF USE SUPPORT TEAM LOGOUT SEARCH AT&T 11:56 AM PHOTOSPEOPLE USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME USERNAME USERNAME SEARCH - PHOTOS USERNAME FOLLOWING SEARCH AT&T 11:56 AM PHOTOSPEOPLE Dallas, Texas USERNAME FOLLOWING Dallas, Texas USERNAME FOLLOWING Dallas, Texas USERNAME FOLLOWING Dallas, Texas USERNAME FOLLOWING Dallas, Texas USERNAME FOLLOWING Dallas, Texas USERNAME FOLLOWING Dallas, Texas DRAWER PROFILE DRAWER DRAWER DRAWER TAKE PIC TOGGLE COMMENTS FAVORITES HOME SCREEN 2 STATE BUTTON TOGGLE TOGGLE TOGGLE TOGGLE TOGGLE ACCOUNT LOGIN & CREATION LINKS & LOCATIONS MAIN APPLICATION FACEBOOK LOGIN API FACEBOOK LOGIN API HOME SCREEN HOME SCREEN 2 STATE BUTTON 2 STATE BUTTON BOTTOM BAR OPTIONS TOGGLES & ACTIONS LONG PRESS FIND FRIENDS (opt 2) SPLASH SPOTIGORY LOGO LOGIN SIGN UP USERNAME LOGIN WITH FACEBOOK LOGIN RESET FORGOT PASSWORD? PASSWORD EMAIL ADDRESS SPOTIGORY LOGO USERNAME LOGIN WITH FACEBOOK LOGIN FORGOT PASSWORD? PASSWORD LOGIN LOGIN - FORGOT PASSWORD SIGN UP LOGIN WITH FACEBOOK CREATE ACCOUNT FIRST NAME LAST NAME CHOOSE A USERNAME CHOOSE A PASSWORD EMAIL ADDRESS Consider 3 dots instead of long press for menu. Dark overlay or blurred photo when share / report options come up. Click on person to see message, “Follow?” Check indicates that you are following that user. If you click on a user you are already following, the text “follow” changes to “unfollow” Same action as “Find Friends” when clicking on profile image. SETTINGSSEARCH LOGOUT - ACCEPT CHANGE UN / PW / EMAIL / ABT HOME SCREEN COMMENTS / FAVORITES SINGLE PHOTO HOLD DOWN PHOTO AT&T 11:56 AM LOGO 3 HOME FRNDS CMRA FAVS PRFL X MINS AGO USER PIC USERNAME USER LOCATION USERNAME: USER COMMENTS GO HERE AND WILL TAKE UP 2 LINES MAX. USERNAME: USER COMMENTS GO HERE AND WILL TAKE UP 2 LINES MAX. 11 45 REPORT SHARE AT&T 11:56 AM LOGO 3 X MINS AGO USER PIC USERNAME USER LOCATION USERNAME: USER COMMENTS GO HERE AND WILL TAKE UP 2 LINES MAX. USERNAME: USER COMMENTS GO HERE AND WILL TAKE UP 2 LINES MAX. 11 45 HOME FRNDS CMRA FAVS PRFL AT&T 11:56 AM LOGO 3 HOME FRNDS CMRA FAVS PRFL USER PIC USERNAME USER COMMENTS GO HERE AND WILL GO HERE ALSO. USER PIC USERNAME USER COMMENTS GO HERE AND WILL GO HERE ALSO. USER PIC USERNAME USER COMMENTS GO HERE AND WILL GO HERE ALSO. USER PIC USERNAME USER COMMENTS GO HERE AND WILL GO HERE ALSO. COMMENT HERE AT&T 11:56 AM LOGO 3 HOME FRNDS CMRA FAVS PRFL FACEBOOK TWITTER CONTACTS USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME USERNAME USERNAME USERNAME LOCATION FOLLOW PROFILE Show x number of likes and x number of com- ments. The rest can be seen by clicking the like or comment button. LOGO 3 X MINS AGO USER PIC USERNAME USER LOCATION USERNAME: USER COMMENTS GO HERE AND WILL TAKE UP 2 LINES MAX. USERNAME: USER COMMENTS GO HERE AND WILL TAKE UP 2 LINES MAX. 11 45 HOME FRNDS CMRA FAVS PRFL SPOTIGORY LOGO Slight parallax move- ment with the logo. AT&T 11:56 AM USERNAME FIND & INVITE FRIENDS PRIVACY POLICY TERMS OF USE SUPPORT TEAM LOGOUT ACCEPT AT&T 11:56 AM LOGO 3 USERNAME NEW PASSWORD CHANGE EMAIL AT&T 11:56 AM USERNAME SAVE CHANGES CHANGE PASSWORD CHANGE EMAIL CHANGE USERNAME ABOUT ME FACEBOOK TWITTER PHOTO PRIVACY PUBLIC NOTIFICATIONS ON HOME SCREEN - DRAWER AT&T 11:56 AM USERNAME FIND & INVITE FRIENDS PRIVACY POLICY TERMS OF USE SUPPORT TEAM LOGOUT SEARCH PHOTOSPEOPLE USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME USERNAME USERNAME SEARCH - PHOTOS USERNAME FOLLOWING SEARCH PHOTOSPEOPLE Dallas, Texas USERNAME FOLLOWING Dallas, Texas DRAWER PROFILE COMMENTS FAVORITES TOGGLE TOGGLE TOGGLE TOGGLE ACCOUNT LOGIN & CREATION MAIN APPLICATION FACEBOOK LOGIN API FACEBOOK LOGIN API HOME SCREEN HOME SCREEN 2 STATE BUTTON 2 STATE BUTTON BOTTOM BAR OPTIONS LONG PRESS SPOTAGORY Wirereframes Diagram v1.0
  49. PROFILE - FOLLOWERS PROFILE - FOLLOWING PROFILE - FAFIND FRIENDS (opt 2) PROFILE - PICTURES SPLASH SPOTIGORY LOGO LOGIN SIGN UP USERNAME LOGIN WITH FACEBOOK LOGIN RESET FORGOT PASSWORD? PASSWORD EMAIL ADDRESS SPOTIGORY LOGO USERNAME LOGIN WITH FACEBOOK LOGIN FORGOT PASSWORD? PASSWORD LOGIN LOGIN - FORGOT PASSWORD SIGN UP LOGIN WITH FACEBOOK CREATE ACCOUNT FIRST NAME LAST NAME CHOOSE A USERNAME CHOOSE A PASSWORD EMAIL ADDRESS Consider 3 dots instead of long press for menu. Dark overlay or blurred photo when share / report options come up. Click on person to see message, “Follow?” Check indicates that you are following that user. If you click on a user you are already following, the text “follow” changes to “unfollow” Same action as “Find Friends” when clicking on profile image. SETTINGSSEARCH LOGOUT - ACCEPT CHANGE UN / PW / EMAIL / ABT HOME SCREEN COMMENTS / FAVORITES SINGLE PHOTO HOLD DOWN PHOTO AT&T 11:56 AM LOGO 3 HOME FRNDS CMRA FAVS PRFL X MINS AGO USER PIC USERNAME USER LOCATION USERNAME: USER COMMENTS GO HERE AND WILL TAKE UP 2 LINES MAX. USERNAME: USER COMMENTS GO HERE AND WILL TAKE UP 2 LINES MAX. 11 45 REPORT SHARE AT&T 11:56 AM HOME FRNDS CMRA FAVS PRFL LOGO 3 USERNAME Dallas, Texas A few sentences and up to two lines about the user and their interests. Following Following PICTURES FOLLOWERS FOLLOWING FAVORITES 500 1,241 1,088 226 John Smith Dallas, Texas Following John Smith Dallas, Texas Following John Smith Dallas, Texas Following John Smith Dallas, Texas Following John Smith Dallas, Texas AT&T 11:56 AM HOME FRNDS CMRA FAVS PRFL LOGO 3 USERNAME Dallas, Texas A few sentences and up to two lines about the user and their interests. Following PICTURES FOLLOWERS FOLLOWING FAVORITES 500 1,241 1,088 226 Following John Smith Dallas, Texas Follow John Smith Dallas, Texas Follow John Smith Dallas, Texas Follow John Smith Dallas, Texas Follow John Smith Dallas, Texas AT&T HOME FRNDS USE Dallas A few about PICTURES FOLLO 500 1,2 AT&T 11:56 AM LOGO 3 X MINS AGO USER PIC USERNAME USER LOCATION USERNAME: USER COMMENTS GO HERE AND WILL TAKE UP 2 LINES MAX. USERNAME: USER COMMENTS GO HERE AND WILL TAKE UP 2 LINES MAX. 11 45 HOME FRNDS CMRA FAVS PRFL AT&T 11:56 AM LOGO 3 HOME FRNDS CMRA FAVS PRFL USER PIC USERNAME USER COMMENTS GO HERE AND WILL GO HERE ALSO. USER PIC USERNAME USER COMMENTS GO HERE AND WILL GO HERE ALSO. USER PIC USERNAME USER COMMENTS GO HERE AND WILL GO HERE ALSO. USER PIC USERNAME USER COMMENTS GO HERE AND WILL GO HERE ALSO. COMMENT HERE AT&T 11:56 AM LOGO 3 HOME FRNDS CMRA FAVS PRFL FACEBOOK TWITTER CONTACTS USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME USERNAME USERNAME USERNAME LOCATION FOLLOW PROFILE Show x number of likes and x number of com- ments. The rest can be seen by clicking the like or comment button. AT&T 11:56 AM LOGO 3 X MINS AGO USER PIC USERNAME USER LOCATION USERNAME: USER COMMENTS GO HERE AND WILL TAKE UP 2 LINES MAX. USERNAME: USER COMMENTS GO HERE AND WILL TAKE UP 2 LINES MAX. 11 45 HOME FRNDS CMRA FAVS PRFL AT&T 11:56 AM HOME FRNDS CMRA FAVS PRFL USERNAME Dallas, Texas LOGO 3 A few sentences and up to two lines about the user and their interests. Following PICTURES FOLLOWERS FOLLOWING FAVORITES 500 1,241 1,688 226 SPOTIGORY LOGO Slight parallax move- ment with the logo. NOTIFICATIO AT&T USERNAM on your p USERNAM on your p USERNAM on your p USERNAM on your p USERNAM on your p USERNAM on your p AT&T 11:56 AM USERNAME FIND & INVITE FRIENDS PRIVACY POLICY TERMS OF USE SUPPORT TEAM LOGOUT ACCEPT AT&T 11:56 AM LOGO 3 USERNAME NEW PASSWORD SAVE CHANGES CHANGE EMAIL CHANGE USERNAME ABOUT ME FACEBOOK TWITTER PHOTO PRIVACY PUBLIC NOTIFICATIONS ON AT&T 11:56 AM USERNAME SAVE CHANGES CHANGE PASSWORD CHANGE EMAIL CHANGE USERNAME ABOUT ME FACEBOOK TWITTER PHOTO PRIVACY PUBLIC NOTIFICATIONS ON HOME SCREEN - DRAWER AT&T 11:56 AM USERNAME FIND & INVITE FRIENDS PRIVACY POLICY TERMS OF USE SUPPORT TEAM LOGOUT SEARCH AT&T 11:56 AM PHOTOSPEOPLE USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME USERNAME USERNAME SEARCH - PHOTOS USERNAME FOLLOWING SEARCH AT&T 11:56 AM PHOTOSPEOPLE Dallas, Texas USERNAME FOLLOWING Dallas, Texas USERNAME FOLLOWING Dallas, Texas USERNAME FOLLOWING Dallas, Texas USERNAME FOLLOWING Dallas, Texas USERNAME FOLLOWING Dallas, Texas USERNAME FOLLOWING Dallas, Texas DRAWER PROFILE DRAWER DRAWER DRAWER TOGGLE COMMENTS FAVORITES TOGGLE TOGGLE TOGGLE TOGGLE TOGGLE ACCOUNT LOGIN & CREATION MAIN APPLICATION FACEBOOK LOGIN API FACEBOOK LOGIN API HOME SCREEN HOME SCREEN 2 STATE BUTTON 2 STATE BUTTON BOTTOM BAR OPTIONS LONG PRESS
  50. FIND FRIENDS (opt 2) Consider 3 dots instead of long press for menu. Dark overlay or blurred photo when share / report options come up. Click on person to see message, “Follow?” SETTINGS LOGOUT - ACCEPT COMMENTS / FAVORITES SINGLE PHOT HOLD DOWN PHOTO AT&T 11:56 AM LOGO 3 HOME FRNDS CMRA FAVS PRFL X MINS AGO USER PIC USERNAME USER LOCATION USERNAME: USER COMMENTS GO HERE AND WILL TAKE UP 2 LINES MAX. USERNAME: USER COMMENTS GO HERE AND WILL TAKE UP 2 LINES MAX. 11 45 REPORT SHARE AT&T USER PIC USERN USER LOC USERNAME: USE AND WILL TAKE AT&T 11:56 AM LOGO 3 HOME FRNDS CMRA FAVS PRFL USER PIC USERNAME USER COMMENTS GO HERE AND WILL GO HERE ALSO. USER PIC USERNAME USER COMMENTS GO HERE AND WILL GO HERE ALSO. USER PIC USERNAME USER COMMENTS GO HERE AND WILL GO HERE ALSO. USER PIC USERNAME USER COMMENTS GO HERE AND WILL GO HERE ALSO. COMMENT HERE AT&T 11:56 AM LOGO 3 FACEBOOK TWITTER CONTACTS USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION USERNAME LOCATION FOLLOW PROFILE AT&T 11:56 AM USERNAME FIND & INVITE FRIENDS PRIVACY POLICY TERMS OF USE SUPPORT TEAM LOGOUT ACCEPT AT&T 11:56 AM USERNAME CHANGE PASSWORD CHANGE EMAIL CHANGE USERNAME ABOUT ME FACEBOOK TWITTER PHOTO PRIVACY PUBLIC NOTIFICATIONS ON HOME SCREEN - DRAWER AT&T 11:56 AM USERNAME FIND & INVITE FRIENDS PRIVACY POLICY TERMS OF USE SUPPORT TEAM LOGOUT DRAWER PROFILE COMMENTS FAVORITES TOGGLE TOGGLE TOGGLE 2 STATE BUTTON 2 STATE BUTTON
  51. CAMERA - CAPTION / SHARE Share options could also be set from “settings” once and applied until changed again in settings (free up space for other options). AT&T 11:56 AM LOGO 3 CAPTION LOCATION (necessary?) FBOOK TWITTER DONE EMAIL FBOOK TWITTER EMAIL TTER EMAIL EMAIL@GMAIL.COMEMAIL HOME SCREEN
  52. DIGITAL CADDIES APP WEATHER SCREEN UPDATES | 2013.07.18 LABS ROBOTO CONDENSED 18 PX #E9E9E9 ROBOTO BOLD CONDENSED 30 PX #E9E9E9 CENTER TEXT 16 PX 40 PX ROBOTO BOLD CONDENSED 48 PX #E9E9E9 14 PX ROBOTO CONDENSED 30 PX #E9E9E9 ROBOTO BOLD CONDENSED 24 PX #E9E9E9 ROBOTO CONDENSED 24 PX #E9E9E9 40 PX 28 PX 40 PX 32 PX 14 PX ROBOTO BOLD CONDENSED 160 PX #E9E9E9 44 PX 32 PX 32 PX 42 PX “TICK” WEATHER ICONS 14 PX STYLE SIZE TEXT Digital Caddies: Spec Sheet
  53. FRIENDLY 9. Good design is environmentally
  54. Design makes an important contribution to the preservation of the environment. It conserves resources and minimizes physical and visual pollution throughout the lifecycle of the product.
  55. Nike Making
  56. Nike Making
  57. Nike Making
  58. POSSIBLE 10. Good design is as little design as
  59. Clear Gesture based interactions eliminate the need for superfluous interface elements.
  60. Connecting Dots

×