VS.

COMMON BEHAVIORS FOR NATIVE APPS

LE THI BICH KHOA

AGENDA

• DESIGN TRENDS 2015

• SIMILARITIES and DIFFERENCES

• CONVERTING iOS INTO ANDROID DESIGN

• Q & A

MOBILE DESIGN TRENDS 2015

TRENDS & GUIDELINES 2015

• Storytelling

• Subtle Color Palettes

• Blurred, transparent elements

• Parallax scrolling

• Animated Elements

TREND 1: STORYTELLING

TREND 2: SUBTLE COLOR PALETTES

TREND 3: BLURRED BACKGROUNDS

TREND 4: PARALLAX SCROLLING

TREND 5: ANIMATED ELEMENTS

UI/UX SIMILARITIES

UI/UX SIMILARITIES

• Information structure

• Basic UI elements

• List-based navigation

• Some gesture touch controls

UI/UX DIFFERENCES

UI/UX DIFFERENCES

• UI

• Feature selection

• List selection

• UX

• Back Button

• Global Actions

CONVERTING IOS INTO

ANDROID DESIGN

MENU

APP BAR

TOP NAVIGATION

NAVIGATION DRAWER

SEARCH

CONTEXTUAL ACTION BARS

ALERT MESSAGE

ACTION SHEETS

COMMON UI CONTROLS

LAUNCHER ICON

Q & A