Content strategy plans for the creation, publication, and governance of useful, usable content on mobile
Content strategy for mobile WHY THE HECK SHOULD I CARE? by @karolinaszczur & Who’s that girl? Front-end dev and designer with 7 years of experience. Earlier worked at AdTaily and Applicake. Currently @XHTMLized. karolinaszczur Understanding mobile context 1. Becoming responsive 2. Managing content 3. Usable mobile design patterns 4. Understanding mobile context 1. Let’s talk some numbers • by 2014 mobile internet usage should exceed desktop internet usage • smartphone owners outnumbered other mobile users in US • Nokia 35%, Apple 30%, Samsung 15%, RIM 8%, HTC 3.5%, Google 0.3% Source: ComScore reports, TechCrunch • 61% customers who visit a unfriendly site go to the competition • 55% increase in smartphone subscriptions in US making it 98mln users • 425 milion mobile Facebook users monthly Source: shapshop.com/2012-mobile-marketing-statistics • Safari - 25% • Android - 23% • Opera - 22% • Nokia - 11% • Blackberry - 7% Source: gs.statcounter.com Browser stats Apple • 7% of overall iPad traffic comes from „the new” iPad • iPhones take 3 top places in US, and 3 out of 5 in EU5 countries • 60% of connected devices traffic in US comes from iPods, iPhones and iPads • iPhone 4 ranked as top acquired phone in US/ EU5 in 2011 Source: ComScore Google • Andoid tablets have 27% market share • Half milion Android devices sold daily according to Andy Rubin • Android outnumbered iPhone in US • Most popular OS - Android 2.3.3 - 2.3.7 Gingerbread with 61.5% distribution Source: ComScore Size DOES matter [...]... pixel-perfect layouts • avoid device-specific elements Start with the content, not the device There are some myths about mobile context Mobile users are distracted and in a rush Taps != clicks The feature set should be much smaller for a mobile site than for a desktop site ” Jakob Nielsen, useit.com/alertbox /mobile- ux-guidelines.html Mobile is about apps There’s mobile web! But what’s content (strategy) ... conveys meaningful information to humans is called content ” Erin Kissane, The Elements of Content Strategy (A Book Apart) Content strategy plans for the creation, publication, and governance of useful, usable content ” Kristina Halvorson, The Discipline of Content Strategy (A List Apart) 2 Becoming responsive Ingredients • fluid layouts • media queries • responsive images Layouts fixed / fluid /... Layouts fixed / fluid / adaptive / elastic Layouts fixed / fluid / adaptive / elastic Good ’ol rules • widths in percentages • font sizes in ems/rems • concertina paddings Basic markup Fixed layout container { width: 960px; margin: 0 auto; } #content { float: left; width: 700px; margin:... margin: 0 auto; } #content { float: left; width: 700px; margin: 0 20px 0 0; } #sidebar { float: right; width: 340px; } Fluid layout container { width: 960px; margin: 0 auto; } container { width: 90%; margin: 0 auto; } #content { float: left; width: 700px; margin: 0 20px 0 0; } #content { float: left; width: 65%; margin: 0 5% 0 0; } #sidebar { float: right; width: 340px; } #sidebar { float: right; width: . Content strategy for mobile WHY THE HECK SHOULD I CARE? by @karolinaszczur & Who’s that girl? Front-end dev and designer with 7 years of experience. Earlier worked at AdTaily and Applicake @XHTMLized. karolinaszczur Understanding mobile context 1. Becoming responsive 2. Managing content 3. Usable mobile design patterns 4. Understanding mobile context 1. Let’s talk some numbers • by 2014 mobile internet. ComScore Google • Andoid tablets have 27% market share • Half milion Android devices sold daily according to Andy Rubin • Android outnumbered iPhone in US • Most popular OS - Android 2.3.3 -