Mobile beneath-the-sheets
-
Upload
responseteam -
Category
Technology
-
view
527 -
download
0
description
Transcript of Mobile beneath-the-sheets
![Page 1: Mobile beneath-the-sheets](https://reader033.fdocuments.us/reader033/viewer/2022051609/547b9f3db479595e098b4e6f/html5/thumbnails/1.jpg)
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
![Page 2: Mobile beneath-the-sheets](https://reader033.fdocuments.us/reader033/viewer/2022051609/547b9f3db479595e098b4e6f/html5/thumbnails/2.jpg)
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
![Page 3: Mobile beneath-the-sheets](https://reader033.fdocuments.us/reader033/viewer/2022051609/547b9f3db479595e098b4e6f/html5/thumbnails/3.jpg)
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
![Page 4: Mobile beneath-the-sheets](https://reader033.fdocuments.us/reader033/viewer/2022051609/547b9f3db479595e098b4e6f/html5/thumbnails/4.jpg)
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
![Page 5: Mobile beneath-the-sheets](https://reader033.fdocuments.us/reader033/viewer/2022051609/547b9f3db479595e098b4e6f/html5/thumbnails/5.jpg)
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
![Page 6: Mobile beneath-the-sheets](https://reader033.fdocuments.us/reader033/viewer/2022051609/547b9f3db479595e098b4e6f/html5/thumbnails/6.jpg)
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
![Page 7: Mobile beneath-the-sheets](https://reader033.fdocuments.us/reader033/viewer/2022051609/547b9f3db479595e098b4e6f/html5/thumbnails/7.jpg)
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
![Page 8: Mobile beneath-the-sheets](https://reader033.fdocuments.us/reader033/viewer/2022051609/547b9f3db479595e098b4e6f/html5/thumbnails/8.jpg)
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
![Page 9: Mobile beneath-the-sheets](https://reader033.fdocuments.us/reader033/viewer/2022051609/547b9f3db479595e098b4e6f/html5/thumbnails/9.jpg)
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
![Page 10: Mobile beneath-the-sheets](https://reader033.fdocuments.us/reader033/viewer/2022051609/547b9f3db479595e098b4e6f/html5/thumbnails/10.jpg)
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
![Page 11: Mobile beneath-the-sheets](https://reader033.fdocuments.us/reader033/viewer/2022051609/547b9f3db479595e098b4e6f/html5/thumbnails/11.jpg)
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
![Page 12: Mobile beneath-the-sheets](https://reader033.fdocuments.us/reader033/viewer/2022051609/547b9f3db479595e098b4e6f/html5/thumbnails/12.jpg)
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
![Page 13: Mobile beneath-the-sheets](https://reader033.fdocuments.us/reader033/viewer/2022051609/547b9f3db479595e098b4e6f/html5/thumbnails/13.jpg)
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
![Page 14: Mobile beneath-the-sheets](https://reader033.fdocuments.us/reader033/viewer/2022051609/547b9f3db479595e098b4e6f/html5/thumbnails/14.jpg)
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
![Page 15: Mobile beneath-the-sheets](https://reader033.fdocuments.us/reader033/viewer/2022051609/547b9f3db479595e098b4e6f/html5/thumbnails/15.jpg)
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
![Page 16: Mobile beneath-the-sheets](https://reader033.fdocuments.us/reader033/viewer/2022051609/547b9f3db479595e098b4e6f/html5/thumbnails/16.jpg)
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
![Page 17: Mobile beneath-the-sheets](https://reader033.fdocuments.us/reader033/viewer/2022051609/547b9f3db479595e098b4e6f/html5/thumbnails/17.jpg)
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
![Page 18: Mobile beneath-the-sheets](https://reader033.fdocuments.us/reader033/viewer/2022051609/547b9f3db479595e098b4e6f/html5/thumbnails/18.jpg)
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
![Page 19: Mobile beneath-the-sheets](https://reader033.fdocuments.us/reader033/viewer/2022051609/547b9f3db479595e098b4e6f/html5/thumbnails/19.jpg)
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
![Page 20: Mobile beneath-the-sheets](https://reader033.fdocuments.us/reader033/viewer/2022051609/547b9f3db479595e098b4e6f/html5/thumbnails/20.jpg)
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
![Page 21: Mobile beneath-the-sheets](https://reader033.fdocuments.us/reader033/viewer/2022051609/547b9f3db479595e098b4e6f/html5/thumbnails/21.jpg)
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
![Page 22: Mobile beneath-the-sheets](https://reader033.fdocuments.us/reader033/viewer/2022051609/547b9f3db479595e098b4e6f/html5/thumbnails/22.jpg)
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
![Page 23: Mobile beneath-the-sheets](https://reader033.fdocuments.us/reader033/viewer/2022051609/547b9f3db479595e098b4e6f/html5/thumbnails/23.jpg)
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
![Page 24: Mobile beneath-the-sheets](https://reader033.fdocuments.us/reader033/viewer/2022051609/547b9f3db479595e098b4e6f/html5/thumbnails/24.jpg)
Resources amp Kits6
Monday July 22 13
Resources amp Kits6developerandroidcom
developerapplecom
Portkit UX Translation
Android Asset Stuido
teehanlaxcomtools
Monday July 22 13
![Page 25: Mobile beneath-the-sheets](https://reader033.fdocuments.us/reader033/viewer/2022051609/547b9f3db479595e098b4e6f/html5/thumbnails/25.jpg)
Resources amp Kits6developerandroidcom
developerapplecom
Portkit UX Translation
Android Asset Stuido
teehanlaxcomtools
Monday July 22 13