responsive awarenesspart two

onehundredweb ninja with these days

@ _be

that’s me

quick recap

• one interface fits all (website, app...)

• all web capable devices

• optimized user experience at all times

wait, what?

• it all happened so fast

• there are no standards

• differences between layouts too big

problems

• let’s take a look at a live example

in action

DESIGN• sorry to say 4 isn’t enough

• max 479 px (smartphones portrait)

• min 480 px and max 767 px (smartphones landscape)

• min 768 px and max 1023 px (tablets portrait)

• min 1024 px and max 1280 px(tablets landscape en other devices)

• min 1281 px and max 1439 px

• min 1440 px and max 1919 px

• min 1920 px

ia

responsive awarenesspart two

• it’s like quantum physics

• it’s a walk in the park

• developers don’t usually bite

get this

it’s that simple

practical

practical

practical

practical

numbers don’t lie

max 1023 px (tablets portrait)

plain english

• top to bottom

• left to right

• do not hide elements

what if

• consider whether responsive is really the best solution

(im)possible

• nothing really is

• approach problems individually

• take out more time to come up with an intelligent solution

• ask for a second opinion

get this

• user interface should be people interface

• user experience should be people experience

• care about people

really (im)possible

• in some rare cases these requirements can’t be met

• very advanced techniques can be applied

• expect lessened people experience

• much more time needed for development

numbers don’t lie

max 767 px (smartphones landscape)

not our problem

• all of our problem

• people experience decreases a lot

• budget and planning increase a lot

no shame

• you aren’t expected to know all of these things

• communications is key

“questions?”

let’s talk

“discussion and questions”

let’s talk

“thank you”

much obliged