Please enable JavaScript.

Coggle requires JavaScript to display documents.

Mobile Design - Coggle Diagram

- - - - vertically stack items
    - - continuous grid or multiple panes of grid
      - scroll vertical / horizontal
      - common for visual content (photo, icon, media)
- - - - Tap = click: select / toggle
      - Double-tap
        
        zoom in/out;
        
        accessibility;
        
        select text (2-word; 3-sentence; 4-paragraph)
      - Long-press
        
        open menu
        
        open preview
        
        enable editing
      - Drag/Swipe
        
        scroll content
        
        vertical
        
        large amount of content
        
        horizontal
        
        carousels
        
        open drawers
        
        navigate to next/previous screen
        
        move object
        
        adjust controls
        
        Most common
        
        Drag = Swipe + hold at same time
        
        With multiple fingers
        
        activate OS-level actions (e.g. switch between applications)
        
        3: undo
      - Two-finger Pinch and Spread
        
        shrink
        
        expand
        
        e.g. scale of map
      - 3-finger Pinch and Spread
        
        copy, cut, paste
  - - - how people hold device
        
        One handed (49%)
        
        Two handed (15%)
        
        Cradled (36%)
      - How large device
        
        Reachable
        
        Comfort
        
        Hard
      - What we expect to do
- - - - Initiate microinteractions
      - Manuel
        
        intentional/explicit interaction with system
      - Automatic
        
        when certain conditions are met
        
        chime when new text message (trigger)
        
        swoosh when an email sent (trigger)
        
        alarm clock
    - - what happens in the system when triggered
    - - Information user sees, hears, or feels
        
        vibration, chime sound, alarm sound, ...
    - - Meta rules: change microinteraction rules and feedback
      - Loops
        
        length of microinteraction
        
        interaction repeats or changes overtime
      - Modes
        
        switch functioning or operation of system
        
        e.g. "do not disturb" mode changes system
        
        e.g. cap lock and shift in keyboard