common behaviors for native app
TRANSCRIPT
![Page 1: Common behaviors for native app](https://reader034.vdocuments.site/reader034/viewer/2022042619/5881bfdb1a28abdd268b4d53/html5/thumbnails/1.jpg)
VS.
COMMON BEHAVIORS FOR NATIVE APPS
LE THI BICH KHOA
![Page 2: Common behaviors for native app](https://reader034.vdocuments.site/reader034/viewer/2022042619/5881bfdb1a28abdd268b4d53/html5/thumbnails/2.jpg)
AGENDA
• DESIGN TRENDS 2015
• SIMILARITIES and DIFFERENCES
• CONVERTING iOS INTO ANDROID DESIGN
• Q & A
![Page 3: Common behaviors for native app](https://reader034.vdocuments.site/reader034/viewer/2022042619/5881bfdb1a28abdd268b4d53/html5/thumbnails/3.jpg)
MOBILE DESIGN TRENDS 2015
![Page 4: Common behaviors for native app](https://reader034.vdocuments.site/reader034/viewer/2022042619/5881bfdb1a28abdd268b4d53/html5/thumbnails/4.jpg)
TRENDS & GUIDELINES 2015
• Storytelling
• Subtle Color Palettes
• Blurred, transparent elements
• Parallax scrolling
• Animated Elements
![Page 5: Common behaviors for native app](https://reader034.vdocuments.site/reader034/viewer/2022042619/5881bfdb1a28abdd268b4d53/html5/thumbnails/5.jpg)
TREND 1: STORYTELLING
![Page 6: Common behaviors for native app](https://reader034.vdocuments.site/reader034/viewer/2022042619/5881bfdb1a28abdd268b4d53/html5/thumbnails/6.jpg)
TREND 2: SUBTLE COLOR PALETTES
![Page 7: Common behaviors for native app](https://reader034.vdocuments.site/reader034/viewer/2022042619/5881bfdb1a28abdd268b4d53/html5/thumbnails/7.jpg)
TREND 3: BLURRED BACKGROUNDS
![Page 8: Common behaviors for native app](https://reader034.vdocuments.site/reader034/viewer/2022042619/5881bfdb1a28abdd268b4d53/html5/thumbnails/8.jpg)
TREND 4: PARALLAX SCROLLING
![Page 9: Common behaviors for native app](https://reader034.vdocuments.site/reader034/viewer/2022042619/5881bfdb1a28abdd268b4d53/html5/thumbnails/9.jpg)
TREND 5: ANIMATED ELEMENTS
![Page 10: Common behaviors for native app](https://reader034.vdocuments.site/reader034/viewer/2022042619/5881bfdb1a28abdd268b4d53/html5/thumbnails/10.jpg)
UI/UX SIMILARITIES
![Page 11: Common behaviors for native app](https://reader034.vdocuments.site/reader034/viewer/2022042619/5881bfdb1a28abdd268b4d53/html5/thumbnails/11.jpg)
UI/UX SIMILARITIES
• Information structure
• Basic UI elements
• List-based navigation
• Some gesture touch controls
![Page 12: Common behaviors for native app](https://reader034.vdocuments.site/reader034/viewer/2022042619/5881bfdb1a28abdd268b4d53/html5/thumbnails/12.jpg)
UI/UX DIFFERENCES
![Page 13: Common behaviors for native app](https://reader034.vdocuments.site/reader034/viewer/2022042619/5881bfdb1a28abdd268b4d53/html5/thumbnails/13.jpg)
UI/UX DIFFERENCES
• UI
• Feature selection
• List selection
• UX
• Back Button
• Global Actions
![Page 14: Common behaviors for native app](https://reader034.vdocuments.site/reader034/viewer/2022042619/5881bfdb1a28abdd268b4d53/html5/thumbnails/14.jpg)
CONVERTING IOS INTO
ANDROID DESIGN
![Page 15: Common behaviors for native app](https://reader034.vdocuments.site/reader034/viewer/2022042619/5881bfdb1a28abdd268b4d53/html5/thumbnails/15.jpg)
MENU
![Page 16: Common behaviors for native app](https://reader034.vdocuments.site/reader034/viewer/2022042619/5881bfdb1a28abdd268b4d53/html5/thumbnails/16.jpg)
APP BAR
![Page 17: Common behaviors for native app](https://reader034.vdocuments.site/reader034/viewer/2022042619/5881bfdb1a28abdd268b4d53/html5/thumbnails/17.jpg)
TOP NAVIGATION
![Page 18: Common behaviors for native app](https://reader034.vdocuments.site/reader034/viewer/2022042619/5881bfdb1a28abdd268b4d53/html5/thumbnails/18.jpg)
NAVIGATION DRAWER
![Page 19: Common behaviors for native app](https://reader034.vdocuments.site/reader034/viewer/2022042619/5881bfdb1a28abdd268b4d53/html5/thumbnails/19.jpg)
SEARCH
![Page 20: Common behaviors for native app](https://reader034.vdocuments.site/reader034/viewer/2022042619/5881bfdb1a28abdd268b4d53/html5/thumbnails/20.jpg)
CONTEXTUAL ACTION BARS
![Page 21: Common behaviors for native app](https://reader034.vdocuments.site/reader034/viewer/2022042619/5881bfdb1a28abdd268b4d53/html5/thumbnails/21.jpg)
ALERT MESSAGE
![Page 22: Common behaviors for native app](https://reader034.vdocuments.site/reader034/viewer/2022042619/5881bfdb1a28abdd268b4d53/html5/thumbnails/22.jpg)
ACTION SHEETS
![Page 23: Common behaviors for native app](https://reader034.vdocuments.site/reader034/viewer/2022042619/5881bfdb1a28abdd268b4d53/html5/thumbnails/23.jpg)
COMMON UI CONTROLS
![Page 24: Common behaviors for native app](https://reader034.vdocuments.site/reader034/viewer/2022042619/5881bfdb1a28abdd268b4d53/html5/thumbnails/24.jpg)
LAUNCHER ICON
![Page 25: Common behaviors for native app](https://reader034.vdocuments.site/reader034/viewer/2022042619/5881bfdb1a28abdd268b4d53/html5/thumbnails/25.jpg)
Q & A