-
Notifications
You must be signed in to change notification settings - Fork 16
/
Copy pathmobile_strategy.theory.txt
33 lines (27 loc) · 2.06 KB
/
mobile_strategy.theory.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
┏━━━━━━━━━━━━━━┓
┃ STRATEGY ┃
┗━━━━━━━━━━━━━━┛
MOBILE FIRST ==> #Start design with small screens, with touch
ADAPTATION ==> # - responsive: client-side adaptation
# - adaptive: server-side adaptation:
# - client-side redirection (different URL)
# - server-side redirection
SINGLE URL ==> # - better SEO (see SEO doc)
# - easier to distribute
SINGLE CONTENT PER WEBSITE ==> # - easier to maintain
# - works better with window resize
# - less risk to be considered cloaking (see SEO doc)
# - might be harder to personalize experience
# - must download more bytes
RESPONSIVE LAYOUT CHANGES ==> #More complex layout changes:
# - increase maintainance
# - decrease familiarity across devices
# - but allows fitter experience for each size, and might be necessary for complex content
#From less to more complex:
# - tiny tweaks: keep layout, only e.g. increase font size
# - mostly fluid: stack flexbox-style
# - column drop: like mostly fluid, but when stacked to next column, elements take width 100%
# - off canvas: hide elements in dynamic menus
# - layout shifter: complete layout change
#Should also show all content on any size.
#Breakpoints should be based on content, not specific devices.