Embed Size (px)
DESCRIPTION
Rodney walks us through the mobile design processor from paper mockups to implemented design. Along way we learn tips, standards, nomenclature and some great resources
Citation preview
Mobile Design
Rodney AzarmiUX Designer Mobilerodneymylifecom
Beneath the Sheets
Monday July 22 13
Paper Prototypes1Small investment in time
Easy to edit and change
Allows group participation
Cut and paste user flows
Monday July 22 13
Paper Prototypes1Small investment in time
Easy to edit and change
Allows group participation
Cut and paste user flows
Monday July 22 13
Monday July 22 13
Wireframe to Pixels2
Monday July 22 13
Baseline320x480 - 1x
640x960 - 2x
Monday July 22 13
Use Vectors amp Smart Objects
Monday July 22 13
44 Points iOS - minimum
48 DP Android - minimum
Finger Tip Sized 7-9 mm
Design for Touch
44 points
Monday July 22 13
Change Size based on Use
110 points
Use larger controls for better UX
Monday July 22 13
Style Appropriately
Entertainment Utility
Highly VisualFun
Immersive
UsefulEfficientReliable
Monday July 22 13
Preview Your DesignPreview in real time Walk around with your work
Monday July 22 13
Rapid Prototype3Shows interaction and flow
Short development time
Easy to Distribute
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Phone Densities5iOS 1x amp 2X - retina
Android - 1x 15x 20x 30x
MDPI HDPI XHDPI XXHDPI
Monday July 22 13
Phone DensitiesiPhone 3G 3GS
480 pixels
320 pixels
960 pixels
640 pixels
iPhone 4 amp 4S
Monday July 22 13
iPhone 5 Screen Change
1136 pixels
640 pixels
+176 pixels
Monday July 22 13
Phone DensitiesSamsung Galaxy
480 pixels
320 pixels
1280 pixels
720 pixels
Samsung S III
Monday July 22 13
Phone Densities5iOS 1x amp 2X - retina
Android - 1x 15x 20x 30x
MDPI HDPI XHDPI XXHPDI
non-retina retina
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6developerandroidcom
developerapplecom
Portkit UX Translation
Android Asset Stuido
teehanlaxcomtools
Monday July 22 13
Paper Prototypes1Small investment in time
Easy to edit and change
Allows group participation
Cut and paste user flows
Monday July 22 13
Paper Prototypes1Small investment in time
Easy to edit and change
Allows group participation
Cut and paste user flows
Monday July 22 13
Monday July 22 13
Wireframe to Pixels2
Monday July 22 13
Baseline320x480 - 1x
640x960 - 2x
Monday July 22 13
Use Vectors amp Smart Objects
Monday July 22 13
44 Points iOS - minimum
48 DP Android - minimum
Finger Tip Sized 7-9 mm
Design for Touch
44 points
Monday July 22 13
Change Size based on Use
110 points
Use larger controls for better UX
Monday July 22 13
Style Appropriately
Entertainment Utility
Highly VisualFun
Immersive
UsefulEfficientReliable
Monday July 22 13
Preview Your DesignPreview in real time Walk around with your work
Monday July 22 13
Rapid Prototype3Shows interaction and flow
Short development time
Easy to Distribute
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Phone Densities5iOS 1x amp 2X - retina
Android - 1x 15x 20x 30x
MDPI HDPI XHDPI XXHDPI
Monday July 22 13
Phone DensitiesiPhone 3G 3GS
480 pixels
320 pixels
960 pixels
640 pixels
iPhone 4 amp 4S
Monday July 22 13
iPhone 5 Screen Change
1136 pixels
640 pixels
+176 pixels
Monday July 22 13
Phone DensitiesSamsung Galaxy
480 pixels
320 pixels
1280 pixels
720 pixels
Samsung S III
Monday July 22 13
Phone Densities5iOS 1x amp 2X - retina
Android - 1x 15x 20x 30x
MDPI HDPI XHDPI XXHPDI
non-retina retina
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6developerandroidcom
developerapplecom
Portkit UX Translation
Android Asset Stuido
teehanlaxcomtools
Monday July 22 13
Paper Prototypes1Small investment in time
Easy to edit and change
Allows group participation
Cut and paste user flows
Monday July 22 13
Monday July 22 13
Wireframe to Pixels2
Monday July 22 13
Baseline320x480 - 1x
640x960 - 2x
Monday July 22 13
Use Vectors amp Smart Objects
Monday July 22 13
44 Points iOS - minimum
48 DP Android - minimum
Finger Tip Sized 7-9 mm
Design for Touch
44 points
Monday July 22 13
Change Size based on Use
110 points
Use larger controls for better UX
Monday July 22 13
Style Appropriately
Entertainment Utility
Highly VisualFun
Immersive
UsefulEfficientReliable
Monday July 22 13
Preview Your DesignPreview in real time Walk around with your work
Monday July 22 13
Rapid Prototype3Shows interaction and flow
Short development time
Easy to Distribute
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Phone Densities5iOS 1x amp 2X - retina
Android - 1x 15x 20x 30x
MDPI HDPI XHDPI XXHDPI
Monday July 22 13
Phone DensitiesiPhone 3G 3GS
480 pixels
320 pixels
960 pixels
640 pixels
iPhone 4 amp 4S
Monday July 22 13
iPhone 5 Screen Change
1136 pixels
640 pixels
+176 pixels
Monday July 22 13
Phone DensitiesSamsung Galaxy
480 pixels
320 pixels
1280 pixels
720 pixels
Samsung S III
Monday July 22 13
Phone Densities5iOS 1x amp 2X - retina
Android - 1x 15x 20x 30x
MDPI HDPI XHDPI XXHPDI
non-retina retina
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6developerandroidcom
developerapplecom
Portkit UX Translation
Android Asset Stuido
teehanlaxcomtools
Monday July 22 13
Monday July 22 13
Wireframe to Pixels2
Monday July 22 13
Baseline320x480 - 1x
640x960 - 2x
Monday July 22 13
Use Vectors amp Smart Objects
Monday July 22 13
44 Points iOS - minimum
48 DP Android - minimum
Finger Tip Sized 7-9 mm
Design for Touch
44 points
Monday July 22 13
Change Size based on Use
110 points
Use larger controls for better UX
Monday July 22 13
Style Appropriately
Entertainment Utility
Highly VisualFun
Immersive
UsefulEfficientReliable
Monday July 22 13
Preview Your DesignPreview in real time Walk around with your work
Monday July 22 13
Rapid Prototype3Shows interaction and flow
Short development time
Easy to Distribute
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Phone Densities5iOS 1x amp 2X - retina
Android - 1x 15x 20x 30x
MDPI HDPI XHDPI XXHDPI
Monday July 22 13
Phone DensitiesiPhone 3G 3GS
480 pixels
320 pixels
960 pixels
640 pixels
iPhone 4 amp 4S
Monday July 22 13
iPhone 5 Screen Change
1136 pixels
640 pixels
+176 pixels
Monday July 22 13
Phone DensitiesSamsung Galaxy
480 pixels
320 pixels
1280 pixels
720 pixels
Samsung S III
Monday July 22 13
Phone Densities5iOS 1x amp 2X - retina
Android - 1x 15x 20x 30x
MDPI HDPI XHDPI XXHPDI
non-retina retina
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6developerandroidcom
developerapplecom
Portkit UX Translation
Android Asset Stuido
teehanlaxcomtools
Monday July 22 13
Wireframe to Pixels2
Monday July 22 13
Baseline320x480 - 1x
640x960 - 2x
Monday July 22 13
Use Vectors amp Smart Objects
Monday July 22 13
44 Points iOS - minimum
48 DP Android - minimum
Finger Tip Sized 7-9 mm
Design for Touch
44 points
Monday July 22 13
Change Size based on Use
110 points
Use larger controls for better UX
Monday July 22 13
Style Appropriately
Entertainment Utility
Highly VisualFun
Immersive
UsefulEfficientReliable
Monday July 22 13
Preview Your DesignPreview in real time Walk around with your work
Monday July 22 13
Rapid Prototype3Shows interaction and flow
Short development time
Easy to Distribute
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Phone Densities5iOS 1x amp 2X - retina
Android - 1x 15x 20x 30x
MDPI HDPI XHDPI XXHDPI
Monday July 22 13
Phone DensitiesiPhone 3G 3GS
480 pixels
320 pixels
960 pixels
640 pixels
iPhone 4 amp 4S
Monday July 22 13
iPhone 5 Screen Change
1136 pixels
640 pixels
+176 pixels
Monday July 22 13
Phone DensitiesSamsung Galaxy
480 pixels
320 pixels
1280 pixels
720 pixels
Samsung S III
Monday July 22 13
Phone Densities5iOS 1x amp 2X - retina
Android - 1x 15x 20x 30x
MDPI HDPI XHDPI XXHPDI
non-retina retina
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6developerandroidcom
developerapplecom
Portkit UX Translation
Android Asset Stuido
teehanlaxcomtools
Monday July 22 13
Baseline320x480 - 1x
640x960 - 2x
Monday July 22 13
Use Vectors amp Smart Objects
Monday July 22 13
44 Points iOS - minimum
48 DP Android - minimum
Finger Tip Sized 7-9 mm
Design for Touch
44 points
Monday July 22 13
Change Size based on Use
110 points
Use larger controls for better UX
Monday July 22 13
Style Appropriately
Entertainment Utility
Highly VisualFun
Immersive
UsefulEfficientReliable
Monday July 22 13
Preview Your DesignPreview in real time Walk around with your work
Monday July 22 13
Rapid Prototype3Shows interaction and flow
Short development time
Easy to Distribute
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Phone Densities5iOS 1x amp 2X - retina
Android - 1x 15x 20x 30x
MDPI HDPI XHDPI XXHDPI
Monday July 22 13
Phone DensitiesiPhone 3G 3GS
480 pixels
320 pixels
960 pixels
640 pixels
iPhone 4 amp 4S
Monday July 22 13
iPhone 5 Screen Change
1136 pixels
640 pixels
+176 pixels
Monday July 22 13
Phone DensitiesSamsung Galaxy
480 pixels
320 pixels
1280 pixels
720 pixels
Samsung S III
Monday July 22 13
Phone Densities5iOS 1x amp 2X - retina
Android - 1x 15x 20x 30x
MDPI HDPI XHDPI XXHPDI
non-retina retina
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6developerandroidcom
developerapplecom
Portkit UX Translation
Android Asset Stuido
teehanlaxcomtools
Monday July 22 13
Use Vectors amp Smart Objects
Monday July 22 13
44 Points iOS - minimum
48 DP Android - minimum
Finger Tip Sized 7-9 mm
Design for Touch
44 points
Monday July 22 13
Change Size based on Use
110 points
Use larger controls for better UX
Monday July 22 13
Style Appropriately
Entertainment Utility
Highly VisualFun
Immersive
UsefulEfficientReliable
Monday July 22 13
Preview Your DesignPreview in real time Walk around with your work
Monday July 22 13
Rapid Prototype3Shows interaction and flow
Short development time
Easy to Distribute
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Phone Densities5iOS 1x amp 2X - retina
Android - 1x 15x 20x 30x
MDPI HDPI XHDPI XXHDPI
Monday July 22 13
Phone DensitiesiPhone 3G 3GS
480 pixels
320 pixels
960 pixels
640 pixels
iPhone 4 amp 4S
Monday July 22 13
iPhone 5 Screen Change
1136 pixels
640 pixels
+176 pixels
Monday July 22 13
Phone DensitiesSamsung Galaxy
480 pixels
320 pixels
1280 pixels
720 pixels
Samsung S III
Monday July 22 13
Phone Densities5iOS 1x amp 2X - retina
Android - 1x 15x 20x 30x
MDPI HDPI XHDPI XXHPDI
non-retina retina
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6developerandroidcom
developerapplecom
Portkit UX Translation
Android Asset Stuido
teehanlaxcomtools
Monday July 22 13
44 Points iOS - minimum
48 DP Android - minimum
Finger Tip Sized 7-9 mm
Design for Touch
44 points
Monday July 22 13
Change Size based on Use
110 points
Use larger controls for better UX
Monday July 22 13
Style Appropriately
Entertainment Utility
Highly VisualFun
Immersive
UsefulEfficientReliable
Monday July 22 13
Preview Your DesignPreview in real time Walk around with your work
Monday July 22 13
Rapid Prototype3Shows interaction and flow
Short development time
Easy to Distribute
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Phone Densities5iOS 1x amp 2X - retina
Android - 1x 15x 20x 30x
MDPI HDPI XHDPI XXHDPI
Monday July 22 13
Phone DensitiesiPhone 3G 3GS
480 pixels
320 pixels
960 pixels
640 pixels
iPhone 4 amp 4S
Monday July 22 13
iPhone 5 Screen Change
1136 pixels
640 pixels
+176 pixels
Monday July 22 13
Phone DensitiesSamsung Galaxy
480 pixels
320 pixels
1280 pixels
720 pixels
Samsung S III
Monday July 22 13
Phone Densities5iOS 1x amp 2X - retina
Android - 1x 15x 20x 30x
MDPI HDPI XHDPI XXHPDI
non-retina retina
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6developerandroidcom
developerapplecom
Portkit UX Translation
Android Asset Stuido
teehanlaxcomtools
Monday July 22 13
Change Size based on Use
110 points
Use larger controls for better UX
Monday July 22 13
Style Appropriately
Entertainment Utility
Highly VisualFun
Immersive
UsefulEfficientReliable
Monday July 22 13
Preview Your DesignPreview in real time Walk around with your work
Monday July 22 13
Rapid Prototype3Shows interaction and flow
Short development time
Easy to Distribute
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Phone Densities5iOS 1x amp 2X - retina
Android - 1x 15x 20x 30x
MDPI HDPI XHDPI XXHDPI
Monday July 22 13
Phone DensitiesiPhone 3G 3GS
480 pixels
320 pixels
960 pixels
640 pixels
iPhone 4 amp 4S
Monday July 22 13
iPhone 5 Screen Change
1136 pixels
640 pixels
+176 pixels
Monday July 22 13
Phone DensitiesSamsung Galaxy
480 pixels
320 pixels
1280 pixels
720 pixels
Samsung S III
Monday July 22 13
Phone Densities5iOS 1x amp 2X - retina
Android - 1x 15x 20x 30x
MDPI HDPI XHDPI XXHPDI
non-retina retina
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6developerandroidcom
developerapplecom
Portkit UX Translation
Android Asset Stuido
teehanlaxcomtools
Monday July 22 13
Style Appropriately
Entertainment Utility
Highly VisualFun
Immersive
UsefulEfficientReliable
Monday July 22 13
Preview Your DesignPreview in real time Walk around with your work
Monday July 22 13
Rapid Prototype3Shows interaction and flow
Short development time
Easy to Distribute
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Phone Densities5iOS 1x amp 2X - retina
Android - 1x 15x 20x 30x
MDPI HDPI XHDPI XXHDPI
Monday July 22 13
Phone DensitiesiPhone 3G 3GS
480 pixels
320 pixels
960 pixels
640 pixels
iPhone 4 amp 4S
Monday July 22 13
iPhone 5 Screen Change
1136 pixels
640 pixels
+176 pixels
Monday July 22 13
Phone DensitiesSamsung Galaxy
480 pixels
320 pixels
1280 pixels
720 pixels
Samsung S III
Monday July 22 13
Phone Densities5iOS 1x amp 2X - retina
Android - 1x 15x 20x 30x
MDPI HDPI XHDPI XXHPDI
non-retina retina
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6developerandroidcom
developerapplecom
Portkit UX Translation
Android Asset Stuido
teehanlaxcomtools
Monday July 22 13
Preview Your DesignPreview in real time Walk around with your work
Monday July 22 13
Rapid Prototype3Shows interaction and flow
Short development time
Easy to Distribute
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Phone Densities5iOS 1x amp 2X - retina
Android - 1x 15x 20x 30x
MDPI HDPI XHDPI XXHDPI
Monday July 22 13
Phone DensitiesiPhone 3G 3GS
480 pixels
320 pixels
960 pixels
640 pixels
iPhone 4 amp 4S
Monday July 22 13
iPhone 5 Screen Change
1136 pixels
640 pixels
+176 pixels
Monday July 22 13
Phone DensitiesSamsung Galaxy
480 pixels
320 pixels
1280 pixels
720 pixels
Samsung S III
Monday July 22 13
Phone Densities5iOS 1x amp 2X - retina
Android - 1x 15x 20x 30x
MDPI HDPI XHDPI XXHPDI
non-retina retina
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6developerandroidcom
developerapplecom
Portkit UX Translation
Android Asset Stuido
teehanlaxcomtools
Monday July 22 13
Rapid Prototype3Shows interaction and flow
Short development time
Easy to Distribute
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Phone Densities5iOS 1x amp 2X - retina
Android - 1x 15x 20x 30x
MDPI HDPI XHDPI XXHDPI
Monday July 22 13
Phone DensitiesiPhone 3G 3GS
480 pixels
320 pixels
960 pixels
640 pixels
iPhone 4 amp 4S
Monday July 22 13
iPhone 5 Screen Change
1136 pixels
640 pixels
+176 pixels
Monday July 22 13
Phone DensitiesSamsung Galaxy
480 pixels
320 pixels
1280 pixels
720 pixels
Samsung S III
Monday July 22 13
Phone Densities5iOS 1x amp 2X - retina
Android - 1x 15x 20x 30x
MDPI HDPI XHDPI XXHPDI
non-retina retina
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6developerandroidcom
developerapplecom
Portkit UX Translation
Android Asset Stuido
teehanlaxcomtools
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Phone Densities5iOS 1x amp 2X - retina
Android - 1x 15x 20x 30x
MDPI HDPI XHDPI XXHDPI
Monday July 22 13
Phone DensitiesiPhone 3G 3GS
480 pixels
320 pixels
960 pixels
640 pixels
iPhone 4 amp 4S
Monday July 22 13
iPhone 5 Screen Change
1136 pixels
640 pixels
+176 pixels
Monday July 22 13
Phone DensitiesSamsung Galaxy
480 pixels
320 pixels
1280 pixels
720 pixels
Samsung S III
Monday July 22 13
Phone Densities5iOS 1x amp 2X - retina
Android - 1x 15x 20x 30x
MDPI HDPI XHDPI XXHPDI
non-retina retina
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6developerandroidcom
developerapplecom
Portkit UX Translation
Android Asset Stuido
teehanlaxcomtools
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Phone Densities5iOS 1x amp 2X - retina
Android - 1x 15x 20x 30x
MDPI HDPI XHDPI XXHDPI
Monday July 22 13
Phone DensitiesiPhone 3G 3GS
480 pixels
320 pixels
960 pixels
640 pixels
iPhone 4 amp 4S
Monday July 22 13
iPhone 5 Screen Change
1136 pixels
640 pixels
+176 pixels
Monday July 22 13
Phone DensitiesSamsung Galaxy
480 pixels
320 pixels
1280 pixels
720 pixels
Samsung S III
Monday July 22 13
Phone Densities5iOS 1x amp 2X - retina
Android - 1x 15x 20x 30x
MDPI HDPI XHDPI XXHPDI
non-retina retina
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6developerandroidcom
developerapplecom
Portkit UX Translation
Android Asset Stuido
teehanlaxcomtools
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Phone Densities5iOS 1x amp 2X - retina
Android - 1x 15x 20x 30x
MDPI HDPI XHDPI XXHDPI
Monday July 22 13
Phone DensitiesiPhone 3G 3GS
480 pixels
320 pixels
960 pixels
640 pixels
iPhone 4 amp 4S
Monday July 22 13
iPhone 5 Screen Change
1136 pixels
640 pixels
+176 pixels
Monday July 22 13
Phone DensitiesSamsung Galaxy
480 pixels
320 pixels
1280 pixels
720 pixels
Samsung S III
Monday July 22 13
Phone Densities5iOS 1x amp 2X - retina
Android - 1x 15x 20x 30x
MDPI HDPI XHDPI XXHPDI
non-retina retina
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6developerandroidcom
developerapplecom
Portkit UX Translation
Android Asset Stuido
teehanlaxcomtools
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Phone Densities5iOS 1x amp 2X - retina
Android - 1x 15x 20x 30x
MDPI HDPI XHDPI XXHDPI
Monday July 22 13
Phone DensitiesiPhone 3G 3GS
480 pixels
320 pixels
960 pixels
640 pixels
iPhone 4 amp 4S
Monday July 22 13
iPhone 5 Screen Change
1136 pixels
640 pixels
+176 pixels
Monday July 22 13
Phone DensitiesSamsung Galaxy
480 pixels
320 pixels
1280 pixels
720 pixels
Samsung S III
Monday July 22 13
Phone Densities5iOS 1x amp 2X - retina
Android - 1x 15x 20x 30x
MDPI HDPI XHDPI XXHPDI
non-retina retina
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6developerandroidcom
developerapplecom
Portkit UX Translation
Android Asset Stuido
teehanlaxcomtools
Monday July 22 13
Mobile UI Lingo4Understand the terminology
How elements work
developerandroidcom
developerapplecom
Portkit UX Translation
Monday July 22 13
Phone Densities5iOS 1x amp 2X - retina
Android - 1x 15x 20x 30x
MDPI HDPI XHDPI XXHDPI
Monday July 22 13
Phone DensitiesiPhone 3G 3GS
480 pixels
320 pixels
960 pixels
640 pixels
iPhone 4 amp 4S
Monday July 22 13
iPhone 5 Screen Change
1136 pixels
640 pixels
+176 pixels
Monday July 22 13
Phone DensitiesSamsung Galaxy
480 pixels
320 pixels
1280 pixels
720 pixels
Samsung S III
Monday July 22 13
Phone Densities5iOS 1x amp 2X - retina
Android - 1x 15x 20x 30x
MDPI HDPI XHDPI XXHPDI
non-retina retina
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6developerandroidcom
developerapplecom
Portkit UX Translation
Android Asset Stuido
teehanlaxcomtools
Monday July 22 13
Phone Densities5iOS 1x amp 2X - retina
Android - 1x 15x 20x 30x
MDPI HDPI XHDPI XXHDPI
Monday July 22 13
Phone DensitiesiPhone 3G 3GS
480 pixels
320 pixels
960 pixels
640 pixels
iPhone 4 amp 4S
Monday July 22 13
iPhone 5 Screen Change
1136 pixels
640 pixels
+176 pixels
Monday July 22 13
Phone DensitiesSamsung Galaxy
480 pixels
320 pixels
1280 pixels
720 pixels
Samsung S III
Monday July 22 13
Phone Densities5iOS 1x amp 2X - retina
Android - 1x 15x 20x 30x
MDPI HDPI XHDPI XXHPDI
non-retina retina
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6developerandroidcom
developerapplecom
Portkit UX Translation
Android Asset Stuido
teehanlaxcomtools
Monday July 22 13
Phone DensitiesiPhone 3G 3GS
480 pixels
320 pixels
960 pixels
640 pixels
iPhone 4 amp 4S
Monday July 22 13
iPhone 5 Screen Change
1136 pixels
640 pixels
+176 pixels
Monday July 22 13
Phone DensitiesSamsung Galaxy
480 pixels
320 pixels
1280 pixels
720 pixels
Samsung S III
Monday July 22 13
Phone Densities5iOS 1x amp 2X - retina
Android - 1x 15x 20x 30x
MDPI HDPI XHDPI XXHPDI
non-retina retina
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6developerandroidcom
developerapplecom
Portkit UX Translation
Android Asset Stuido
teehanlaxcomtools
Monday July 22 13
iPhone 5 Screen Change
1136 pixels
640 pixels
+176 pixels
Monday July 22 13
Phone DensitiesSamsung Galaxy
480 pixels
320 pixels
1280 pixels
720 pixels
Samsung S III
Monday July 22 13
Phone Densities5iOS 1x amp 2X - retina
Android - 1x 15x 20x 30x
MDPI HDPI XHDPI XXHPDI
non-retina retina
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6developerandroidcom
developerapplecom
Portkit UX Translation
Android Asset Stuido
teehanlaxcomtools
Monday July 22 13
Phone DensitiesSamsung Galaxy
480 pixels
320 pixels
1280 pixels
720 pixels
Samsung S III
Monday July 22 13
Phone Densities5iOS 1x amp 2X - retina
Android - 1x 15x 20x 30x
MDPI HDPI XHDPI XXHPDI
non-retina retina
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6developerandroidcom
developerapplecom
Portkit UX Translation
Android Asset Stuido
teehanlaxcomtools
Monday July 22 13
Phone Densities5iOS 1x amp 2X - retina
Android - 1x 15x 20x 30x
MDPI HDPI XHDPI XXHPDI
non-retina retina
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6developerandroidcom
developerapplecom
Portkit UX Translation
Android Asset Stuido
teehanlaxcomtools
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6developerandroidcom
developerapplecom
Portkit UX Translation
Android Asset Stuido
teehanlaxcomtools
Monday July 22 13
Resources amp Kits6
Monday July 22 13
Resources amp Kits6developerandroidcom
developerapplecom
Portkit UX Translation
Android Asset Stuido
teehanlaxcomtools
Monday July 22 13
Resources amp Kits6developerandroidcom
developerapplecom
Portkit UX Translation
Android Asset Stuido
teehanlaxcomtools
Monday July 22 13
