SlideShare a Scribd company logo

10 Principles for Good Design for Mobile

•
•
[x]cube LABS
[x]cube LABS
TechnologyBusiness
1 of 73
Download to read offline
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 opportunities for innovative design. But innovative design always develops in tandem with innovative technology, and can never be an end in itself.
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 aesthetic. Good design emphasizes the usefulness of a product whilst disregarding anything that could possibly detract from it.
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 our well-being. But only well-executed objects can be beautiful.
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 memorable and meaningful. Timbre Plonk
Jiffy
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.
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 clarifies the product’s structure. Better still, it can make the product talk. At best, it is self-explanatory.
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 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
UNOBTRUSIVE 5. Good design is
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.
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 consumer with promises that cannot be kept.
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 in today’s throwaway society.
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.
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 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
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
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
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
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
FRIENDLY 9. Good design is environmentally
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.
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

Recommended

mHealth: Redefining Healthcare
mHealth: Redefining Healthcare mHealth: Redefining Healthcare
mHealth: Redefining Healthcare [x]cube LABS
 
Focused Game Design for a Mature Market
Focused Game Design for a Mature MarketFocused Game Design for a Mature Market
Focused Game Design for a Mature Market[x]cube LABS
 
Big data + mobile + social
Big data + mobile + socialBig data + mobile + social
Big data + mobile + social[x]cube LABS
 
The journey of iPhones
The journey of iPhonesThe journey of iPhones
The journey of iPhones[x]cube LABS
 
Future of social connectivity
Future of social connectivityFuture of social connectivity
Future of social connectivityProudly Represents
 
Intuitive images: tips and techniques for creating and evaluating graphics in...
Intuitive images: tips and techniques for creating and evaluating graphics in...Intuitive images: tips and techniques for creating and evaluating graphics in...
Intuitive images: tips and techniques for creating and evaluating graphics in...TCUK
 
SnapChat course
SnapChat course SnapChat course
SnapChat course Anas Ebrahem
 
Beyond Usability
Beyond UsabilityBeyond Usability
Beyond UsabilityChristina Wodtke
 

Recommended

mHealth: Redefining Healthcare
mHealth: Redefining Healthcare mHealth: Redefining Healthcare
mHealth: Redefining Healthcare [x]cube LABS
 
Focused Game Design for a Mature Market
Focused Game Design for a Mature MarketFocused Game Design for a Mature Market
Focused Game Design for a Mature Market[x]cube LABS
 
Big data + mobile + social
Big data + mobile + socialBig data + mobile + social
Big data + mobile + social[x]cube LABS
 
The journey of iPhones
The journey of iPhonesThe journey of iPhones
The journey of iPhones[x]cube LABS
 
Future of social connectivity
Future of social connectivityFuture of social connectivity
Future of social connectivityProudly Represents
 
Intuitive images: tips and techniques for creating and evaluating graphics in...
Intuitive images: tips and techniques for creating and evaluating graphics in...Intuitive images: tips and techniques for creating and evaluating graphics in...
Intuitive images: tips and techniques for creating and evaluating graphics in...TCUK
 
SnapChat course
SnapChat course SnapChat course
SnapChat course Anas Ebrahem
 
Beyond Usability
Beyond UsabilityBeyond Usability
Beyond UsabilityChristina Wodtke
 
Closing Statement Example Essay
Closing Statement Example EssayClosing Statement Example Essay
Closing Statement Example EssayMaria Gomez
 
Suck Less At PPT Workshop
Suck Less At PPT WorkshopSuck Less At PPT Workshop
Suck Less At PPT WorkshopJoão Paiva
 
Social Media Overview: Twitter - Motion Picture Costumers 705
Social Media Overview: Twitter - Motion Picture Costumers 705Social Media Overview: Twitter - Motion Picture Costumers 705
Social Media Overview: Twitter - Motion Picture Costumers 705Chris Lam
 
Defining the right product
Defining the right productDefining the right product
Defining the right productRyan Glasgow
 
UX Design Heuristics, aka "what makes an interaction good"?
UX Design Heuristics, aka "what makes an interaction good"?UX Design Heuristics, aka "what makes an interaction good"?
UX Design Heuristics, aka "what makes an interaction good"?Jamal Nichols
 
Cognitive load b_holmes_nov10
Cognitive load b_holmes_nov10Cognitive load b_holmes_nov10
Cognitive load b_holmes_nov10Barbara Holmes
 
UX Tools, Tips & Tricks for Code(Her) Conference 2015
UX Tools, Tips & Tricks for Code(Her) Conference 2015UX Tools, Tips & Tricks for Code(Her) Conference 2015
UX Tools, Tips & Tricks for Code(Her) Conference 2015Katelyn Caillouet
 
Smart Mobile Storytelling – APME NewsTrain
Smart Mobile Storytelling – APME NewsTrainSmart Mobile Storytelling – APME NewsTrain
Smart Mobile Storytelling – APME NewsTrainChristy Robinson
 
Troubles in Ad Land in 2018 by Abacus
Troubles in Ad Land in 2018 by AbacusTroubles in Ad Land in 2018 by Abacus
Troubles in Ad Land in 2018 by AbacusAbacus
 
Parcial inglês
Parcial inglêsParcial inglês
Parcial inglêsColégio Parthenon
 
Design-Thinking-SXSW-2016
Design-Thinking-SXSW-2016Design-Thinking-SXSW-2016
Design-Thinking-SXSW-2016Jill DaSilva
 
Design Thinking Talk for UCSC Econ 138 (Management of Innovation)
Design Thinking Talk for UCSC Econ 138 (Management of Innovation)Design Thinking Talk for UCSC Econ 138 (Management of Innovation)
Design Thinking Talk for UCSC Econ 138 (Management of Innovation)Alex Cowan
 
Implementation of a Social Media System
Implementation of a Social Media SystemImplementation of a Social Media System
Implementation of a Social Media SystemJames Wu
 
Sharepoint UX- Tech Fest 2013
Sharepoint UX- Tech Fest 2013Sharepoint UX- Tech Fest 2013
Sharepoint UX- Tech Fest 2013Tracey Kelly
 
How to Make Wordpress Social
How to Make Wordpress SocialHow to Make Wordpress Social
How to Make Wordpress SocialJames Gentes
 
The Revolution Will Be Streamed - Eli Feldblum - Affilicon Fall 2008
The Revolution Will Be Streamed - Eli Feldblum - Affilicon Fall 2008The Revolution Will Be Streamed - Eli Feldblum - Affilicon Fall 2008
The Revolution Will Be Streamed - Eli Feldblum - Affilicon Fall 2008affilicon
 
3 tips to change your life
3 tips to change your life3 tips to change your life
3 tips to change your lifeChelle Yarbrough
 
Friend Pack
Friend PackFriend Pack
Friend PackEric Fader
 
How to focus - design your new app in 60 minutes!
How to focus - design your new app in 60 minutes!How to focus - design your new app in 60 minutes!
How to focus - design your new app in 60 minutes!Zach Pousman
 
Digital Summit Boston: YouTube Optimization | Melissa Sciorra
Digital Summit Boston: YouTube Optimization | Melissa SciorraDigital Summit Boston: YouTube Optimization | Melissa Sciorra
Digital Summit Boston: YouTube Optimization | Melissa SciorraMel Sciorra
 
[x]cube LABS Agritech Report Launch 2021
[x]cube LABS Agritech Report Launch 2021[x]cube LABS Agritech Report Launch 2021
[x]cube LABS Agritech Report Launch 2021[x]cube LABS
 
Blockchain Landscape Report 2019
Blockchain Landscape Report 2019Blockchain Landscape Report 2019
Blockchain Landscape Report 2019[x]cube LABS
 

More Related Content

Similar to 10 Principles for Good Design for Mobile

Closing Statement Example Essay
Closing Statement Example EssayClosing Statement Example Essay
Closing Statement Example EssayMaria Gomez
 
Suck Less At PPT Workshop
Suck Less At PPT WorkshopSuck Less At PPT Workshop
Suck Less At PPT WorkshopJoão Paiva
 
Social Media Overview: Twitter - Motion Picture Costumers 705
Social Media Overview: Twitter - Motion Picture Costumers 705Social Media Overview: Twitter - Motion Picture Costumers 705
Social Media Overview: Twitter - Motion Picture Costumers 705Chris Lam
 
Defining the right product
Defining the right productDefining the right product
Defining the right productRyan Glasgow
 
UX Design Heuristics, aka "what makes an interaction good"?
UX Design Heuristics, aka "what makes an interaction good"?UX Design Heuristics, aka "what makes an interaction good"?
UX Design Heuristics, aka "what makes an interaction good"?Jamal Nichols
 
Cognitive load b_holmes_nov10
Cognitive load b_holmes_nov10Cognitive load b_holmes_nov10
Cognitive load b_holmes_nov10Barbara Holmes
 
UX Tools, Tips & Tricks for Code(Her) Conference 2015
UX Tools, Tips & Tricks for Code(Her) Conference 2015UX Tools, Tips & Tricks for Code(Her) Conference 2015
UX Tools, Tips & Tricks for Code(Her) Conference 2015Katelyn Caillouet
 
Smart Mobile Storytelling – APME NewsTrain
Smart Mobile Storytelling – APME NewsTrainSmart Mobile Storytelling – APME NewsTrain
Smart Mobile Storytelling – APME NewsTrainChristy Robinson
 
Troubles in Ad Land in 2018 by Abacus
Troubles in Ad Land in 2018 by AbacusTroubles in Ad Land in 2018 by Abacus
Troubles in Ad Land in 2018 by AbacusAbacus
 
Design-Thinking-SXSW-2016
Design-Thinking-SXSW-2016Design-Thinking-SXSW-2016
Design-Thinking-SXSW-2016Jill DaSilva
 
Design Thinking Talk for UCSC Econ 138 (Management of Innovation)
Design Thinking Talk for UCSC Econ 138 (Management of Innovation)Design Thinking Talk for UCSC Econ 138 (Management of Innovation)
Design Thinking Talk for UCSC Econ 138 (Management of Innovation)Alex Cowan
 
Implementation of a Social Media System
Implementation of a Social Media SystemImplementation of a Social Media System
Implementation of a Social Media SystemJames Wu
 
Sharepoint UX- Tech Fest 2013
Sharepoint UX- Tech Fest 2013Sharepoint UX- Tech Fest 2013
Sharepoint UX- Tech Fest 2013Tracey Kelly
 
How to Make Wordpress Social
How to Make Wordpress SocialHow to Make Wordpress Social
How to Make Wordpress SocialJames Gentes
 
The Revolution Will Be Streamed - Eli Feldblum - Affilicon Fall 2008
The Revolution Will Be Streamed - Eli Feldblum - Affilicon Fall 2008The Revolution Will Be Streamed - Eli Feldblum - Affilicon Fall 2008
The Revolution Will Be Streamed - Eli Feldblum - Affilicon Fall 2008affilicon
 
3 tips to change your life
3 tips to change your life3 tips to change your life
3 tips to change your lifeChelle Yarbrough
 
How to focus - design your new app in 60 minutes!
How to focus - design your new app in 60 minutes!How to focus - design your new app in 60 minutes!
How to focus - design your new app in 60 minutes!Zach Pousman
 
Digital Summit Boston: YouTube Optimization | Melissa Sciorra
Digital Summit Boston: YouTube Optimization | Melissa SciorraDigital Summit Boston: YouTube Optimization | Melissa Sciorra
Digital Summit Boston: YouTube Optimization | Melissa SciorraMel Sciorra
 

Similar to 10 Principles for Good Design for Mobile (20)

Closing Statement Example Essay
Closing Statement Example EssayClosing Statement Example Essay
Closing Statement Example Essay
 
Suck Less At PPT Workshop
Suck Less At PPT WorkshopSuck Less At PPT Workshop
Suck Less At PPT Workshop
 
Social Media Overview: Twitter - Motion Picture Costumers 705
Social Media Overview: Twitter - Motion Picture Costumers 705Social Media Overview: Twitter - Motion Picture Costumers 705
Social Media Overview: Twitter - Motion Picture Costumers 705
 
Defining the right product
Defining the right productDefining the right product
Defining the right product
 
UX Design Heuristics, aka "what makes an interaction good"?
UX Design Heuristics, aka "what makes an interaction good"?UX Design Heuristics, aka "what makes an interaction good"?
UX Design Heuristics, aka "what makes an interaction good"?
 
Cognitive load b_holmes_nov10
Cognitive load b_holmes_nov10Cognitive load b_holmes_nov10
Cognitive load b_holmes_nov10
 
UX Tools, Tips & Tricks for Code(Her) Conference 2015
UX Tools, Tips & Tricks for Code(Her) Conference 2015UX Tools, Tips & Tricks for Code(Her) Conference 2015
UX Tools, Tips & Tricks for Code(Her) Conference 2015
 
Smart Mobile Storytelling – APME NewsTrain
Smart Mobile Storytelling – APME NewsTrainSmart Mobile Storytelling – APME NewsTrain
Smart Mobile Storytelling – APME NewsTrain
 
Troubles in Ad Land in 2018 by Abacus
Troubles in Ad Land in 2018 by AbacusTroubles in Ad Land in 2018 by Abacus
Troubles in Ad Land in 2018 by Abacus
 
Parcial inglês
Parcial inglêsParcial inglês
Parcial inglês
 
Design-Thinking-SXSW-2016
Design-Thinking-SXSW-2016Design-Thinking-SXSW-2016
Design-Thinking-SXSW-2016
 
Design Thinking Talk for UCSC Econ 138 (Management of Innovation)
Design Thinking Talk for UCSC Econ 138 (Management of Innovation)Design Thinking Talk for UCSC Econ 138 (Management of Innovation)
Design Thinking Talk for UCSC Econ 138 (Management of Innovation)
 
Implementation of a Social Media System
Implementation of a Social Media SystemImplementation of a Social Media System
Implementation of a Social Media System
 
Sharepoint UX- Tech Fest 2013
Sharepoint UX- Tech Fest 2013Sharepoint UX- Tech Fest 2013
Sharepoint UX- Tech Fest 2013
 
How to Make Wordpress Social
How to Make Wordpress SocialHow to Make Wordpress Social
How to Make Wordpress Social
 
The Revolution Will Be Streamed - Eli Feldblum - Affilicon Fall 2008
The Revolution Will Be Streamed - Eli Feldblum - Affilicon Fall 2008The Revolution Will Be Streamed - Eli Feldblum - Affilicon Fall 2008
The Revolution Will Be Streamed - Eli Feldblum - Affilicon Fall 2008
 
3 tips to change your life
3 tips to change your life3 tips to change your life
3 tips to change your life
 
Friend Pack
Friend PackFriend Pack
Friend Pack
 
How to focus - design your new app in 60 minutes!
How to focus - design your new app in 60 minutes!How to focus - design your new app in 60 minutes!
How to focus - design your new app in 60 minutes!
 
Digital Summit Boston: YouTube Optimization | Melissa Sciorra
Digital Summit Boston: YouTube Optimization | Melissa SciorraDigital Summit Boston: YouTube Optimization | Melissa Sciorra
Digital Summit Boston: YouTube Optimization | Melissa Sciorra
 

More from [x]cube LABS

[x]cube LABS Agritech Report Launch 2021
[x]cube LABS Agritech Report Launch 2021[x]cube LABS Agritech Report Launch 2021
[x]cube LABS Agritech Report Launch 2021[x]cube LABS
 
Blockchain Landscape Report 2019
Blockchain Landscape Report 2019Blockchain Landscape Report 2019
Blockchain Landscape Report 2019[x]cube LABS
 
How to write a great mobile RFP
How to write a great mobile RFPHow to write a great mobile RFP
How to write a great mobile RFP[x]cube LABS
 
Internet of Things in Enterprise: Infographic
Internet of Things in Enterprise: Infographic Internet of Things in Enterprise: Infographic
Internet of Things in Enterprise: Infographic [x]cube LABS
 
Infographic: Mobility in Manufacturing
Infographic: Mobility in ManufacturingInfographic: Mobility in Manufacturing
Infographic: Mobility in Manufacturing[x]cube LABS
 
Mobile App User Acquisition - Launch & Growth Strategies
Mobile App User Acquisition - Launch & Growth StrategiesMobile App User Acquisition - Launch & Growth Strategies
Mobile App User Acquisition - Launch & Growth Strategies[x]cube LABS
 
Mobility in Oil and Gas
Mobility in Oil and GasMobility in Oil and Gas
Mobility in Oil and Gas[x]cube LABS
 
[x]cube Design LABS
[x]cube Design LABS[x]cube Design LABS
[x]cube Design LABS[x]cube LABS
 
10 Best Current Design Trends
10 Best Current Design Trends10 Best Current Design Trends
10 Best Current Design Trends[x]cube LABS
 
The Power of Typography
The Power of TypographyThe Power of Typography
The Power of Typography[x]cube LABS
 
Mobility in 2013 - The Year That Was
Mobility in 2013 - The Year That WasMobility in 2013 - The Year That Was
Mobility in 2013 - The Year That Was[x]cube LABS
 
PurpleTalk Culture
PurpleTalk CulturePurpleTalk Culture
PurpleTalk Culture[x]cube LABS
 
Calculating ROI of your enterprise App
Calculating ROI of your enterprise AppCalculating ROI of your enterprise App
Calculating ROI of your enterprise App[x]cube LABS
 
Mobile Device Management
Mobile Device ManagementMobile Device Management
Mobile Device Management[x]cube LABS
 
Calculating ROI for your enterprise app
Calculating ROI for your enterprise appCalculating ROI for your enterprise app
Calculating ROI for your enterprise app[x]cube LABS
 
Mobility in 2012 - The Year that Was
Mobility in 2012 - The Year that WasMobility in 2012 - The Year that Was
Mobility in 2012 - The Year that Was[x]cube LABS
 
Mobility in Banking
Mobility in BankingMobility in Banking
Mobility in Banking[x]cube LABS
 
Mobility in Manufacturing: Driving productivity and transformation
Mobility in Manufacturing: Driving productivity and transformationMobility in Manufacturing: Driving productivity and transformation
Mobility in Manufacturing: Driving productivity and transformation[x]cube LABS
 
Retail Mobility: Welcoming the consumer on mobile
Retail Mobility: Welcoming the consumer on mobileRetail Mobility: Welcoming the consumer on mobile
Retail Mobility: Welcoming the consumer on mobile[x]cube LABS
 

More from [x]cube LABS (20)

[x]cube LABS Agritech Report Launch 2021
[x]cube LABS Agritech Report Launch 2021[x]cube LABS Agritech Report Launch 2021
[x]cube LABS Agritech Report Launch 2021
 
Blockchain Landscape Report 2019
Blockchain Landscape Report 2019Blockchain Landscape Report 2019
Blockchain Landscape Report 2019
 
How to write a great mobile RFP
How to write a great mobile RFPHow to write a great mobile RFP
How to write a great mobile RFP
 
Internet of Things in Enterprise: Infographic
Internet of Things in Enterprise: Infographic Internet of Things in Enterprise: Infographic
Internet of Things in Enterprise: Infographic
 
Iot in Retail.
Iot in Retail.Iot in Retail.
Iot in Retail.
 
Infographic: Mobility in Manufacturing
Infographic: Mobility in ManufacturingInfographic: Mobility in Manufacturing
Infographic: Mobility in Manufacturing
 
Mobile App User Acquisition - Launch & Growth Strategies
Mobile App User Acquisition - Launch & Growth StrategiesMobile App User Acquisition - Launch & Growth Strategies
Mobile App User Acquisition - Launch & Growth Strategies
 
Mobility in Oil and Gas
Mobility in Oil and GasMobility in Oil and Gas
Mobility in Oil and Gas
 
[x]cube Design LABS
[x]cube Design LABS[x]cube Design LABS
[x]cube Design LABS
 
10 Best Current Design Trends
10 Best Current Design Trends10 Best Current Design Trends
10 Best Current Design Trends
 
The Power of Typography
The Power of TypographyThe Power of Typography
The Power of Typography
 
Mobility in 2013 - The Year That Was
Mobility in 2013 - The Year That WasMobility in 2013 - The Year That Was
Mobility in 2013 - The Year That Was
 
PurpleTalk Culture
PurpleTalk CulturePurpleTalk Culture
PurpleTalk Culture
 
Calculating ROI of your enterprise App
Calculating ROI of your enterprise AppCalculating ROI of your enterprise App
Calculating ROI of your enterprise App
 
Mobile Device Management
Mobile Device ManagementMobile Device Management
Mobile Device Management
 
Calculating ROI for your enterprise app
Calculating ROI for your enterprise appCalculating ROI for your enterprise app
Calculating ROI for your enterprise app
 
Mobility in 2012 - The Year that Was
Mobility in 2012 - The Year that WasMobility in 2012 - The Year that Was
Mobility in 2012 - The Year that Was
 
Mobility in Banking
Mobility in BankingMobility in Banking
Mobility in Banking
 
Mobility in Manufacturing: Driving productivity and transformation
Mobility in Manufacturing: Driving productivity and transformationMobility in Manufacturing: Driving productivity and transformation
Mobility in Manufacturing: Driving productivity and transformation
 
Retail Mobility: Welcoming the consumer on mobile
Retail Mobility: Welcoming the consumer on mobileRetail Mobility: Welcoming the consumer on mobile
Retail Mobility: Welcoming the consumer on mobile
 

Recently uploaded

Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Alkin Tezuysal
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxLoriGlavin3
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.Curtis Poe
 
A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersA Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersNicole Novielli
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxLoriGlavin3
 
Generative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfGenerative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfIngrid Airi González
 
Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024Hiroshi SHIBATA
 
Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...Farhan Tariq
 
Potential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and InsightsPotential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and InsightsRavi Sanghani
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxLoriGlavin3
 
2024 April Patch Tuesday
2024 April Patch Tuesday2024 April Patch Tuesday
2024 April Patch TuesdayIvanti
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfConnecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfNeo4j
 
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdfSo einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdfpanagenda
 
Time Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsTime Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsNathaniel Shimoni
 
Manual 508 Accessibility Compliance Audit
Manual 508 Accessibility Compliance AuditManual 508 Accessibility Compliance Audit
Manual 508 Accessibility Compliance AuditSkynet Technologies
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxLoriGlavin3
 
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better StrongerModern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better Strongerpanagenda
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsSergiu Bodiu
 
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...panagenda
 

Recently uploaded (20)

Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
 
A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersA Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software Developers
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
 
Generative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfGenerative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdf
 
Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024
 
Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...
 
Potential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and InsightsPotential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and Insights
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
 
2024 April Patch Tuesday
2024 April Patch Tuesday2024 April Patch Tuesday
2024 April Patch Tuesday
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfConnecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdf
 
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdfSo einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
 
Time Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsTime Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directions
 
Manual 508 Accessibility Compliance Audit
Manual 508 Accessibility Compliance AuditManual 508 Accessibility Compliance Audit
Manual 508 Accessibility Compliance Audit
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
 
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better StrongerModern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
 
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
 

10 Principles for Good Design for Mobile

  • 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.
  • 6.
  • 7.
  • 8.
  • 9.
  • 11. Vsco
  • 12. Rdio
  • 15. iOS 7 Native Photos
  • 16. iOS 7 Native Calendar
  • 17. USEFUL 2. Good design makes a product
  • 18. 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.
  • 19. Clear hierarchy of information, most important content front and center Consistent size, stroke weightYahoo! Weather
  • 21. Uses geolocation, search history, social history to provide useful contextual information. Google Now
  • 22. Weather conditions available to golfers at all times. Digital Caddies
  • 23. Chat with other golf carts and staff at any time.
  • 25. 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.
  • 26. Dots
  • 27.
  • 28.
  • 30. for the wine connoisseur Plonk A periodic table of... WINE
  • 32. Could easily be standard/native list screens, but focus on aesthetics makes the interaction with the product more memorable and meaningful. Timbre Plonk
  • 33. Jiffy
  • 34. 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.
  • 35. 4. Good design makes a product UNDERSTANDABLE
  • 36. 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.
  • 37.
  • 38.
  • 39.
  • 40. iMessages Speech bubble graphic convention borrowed from comics is universally understood.
  • 41. “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
  • 43. 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.
  • 47. 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.
  • 50. VS.
  • 51. ...
  • 53. It avoids being fashionable and therefore never appears antiquated. Unlike fashionable design, it lasts many years – even in today’s throwaway society.
  • 54.
  • 55.
  • 56. 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.
  • 58. DETAIL 8. Good design is thorough down to the last
  • 59. Nothing must be arbitrary or left to chance. Care and accuracy in the design process show respect towards the user.
  • 60.
  • 61. 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
  • 62. 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
  • 63. 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
  • 64. 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
  • 65. 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
  • 66. FRIENDLY 9. Good design is environmentally
  • 67. 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.
  • 71. POSSIBLE 10. Good design is as little design as
  • 72. Clear Gesture based interactions eliminate the need for superfluous interface elements.