user interface

card

screen

can be a means of navigation

can use image

can put short description

easy to do for responsiev

gesture

containers

swiping

addictive

can delimit info

encourage sharing

tinder

can reorder

trello

screens

newsfeed

here's what to do

whats new

templates

shortcuts

search

user profile

account setting

recent activity

single item

floating action button

credits to smashing magazine

empty states

optimisation

successstate

user onboard

show and tell

next steps

starter content based on personalisation

click to edit

functional minimalism

progressive disclosure

click to edit

visual consistecy

functional consistency

external consistency

bottom tab bar

thumb space

shows where user is

max 5 items due to finger size

color and bold to indicate current tab

makes use of icons and labels

dont use multiple color

use the primary theme color only

not for deep navigation

only for apps

floating button

can use badges for notification

single

can do progressive disclosure

icon

call to action

bright color

may distract from content

persistent

no need to discover

persistent

no need to discover

can be bottom navigaton

thumb space

gestures based navigation

no clutter

not disoverable

may be hard to learn

feels natural

works well with content

top navbar

can disappear with scrolling

buttons

feedback

change color

haptic

click to edit

notification

prime time is night

in app

outside app

ask for permission

permission

only those needed

explain

context

user trust

cost

data use

needs to work on lower end phones

offline use cache

choose wifi vs over data

videos and images

cdn

resolution

older os

localisation

eg google maps in india

alleyways due to two wheel rides

lite mode

aesthetic

minimalism

popular in western countries

not so for asian countries

feedback

feedback form

embeded analytics

click to edit

avoid sign in walls

avoid forcing user to provide info

speed

loading time

spinner

skeleton design

back button

mandatory set up phase

user expects the app to just work

design for interruption

user should be able to continue where they left off