Your SlideShare is downloading. ×

10 Principles for Good Design for Mobile

34,334

Published on

Published in: Technology, Business
1 Comment
31 Likes
Statistics
Notes
No Downloads
Views
Total Views
34,334
On Slideshare
0
From Embeds
0
Number of Embeds
53
Actions
Shares
0
Downloads
164
Comments
1
Likes
31
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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

×