What youre missing about mobile Rachel Johnston - PowerPoint PPT Presentation

What ¡you’re ¡missing ¡ about ¡mobile ¡ ¡ Rachel ¡Johnston ¡ rachel.johnston@mekon.com ¡ @Thedesser<ox ¡ ¡ ¡

About ¡me ¡ ¡ • 10+ ¡years ¡as ¡a ¡technical ¡ author ¡ • 3 ¡years ¡consul6ng ¡for ¡ Mekon ¡– ¡helping ¡ businesses ¡prepare ¡for ¡ new ¡content ¡challenges ¡ • Spoke ¡about ¡mobile ¡UA ¡ at ¡UA ¡Europe ¡2013 ¡

Today’s ¡talk ¡ • Obligatory ¡fridge ¡picture ¡ ¡ • Myths ¡and ¡misconcep6ons ¡ • What ¡to ¡do ¡next ¡ ¡ ¡

Even ¡big ¡companies ¡get ¡it ¡wrong ¡ • Poor ¡use ¡of ¡real ¡ estate ¡ • Too ¡much ¡leJ ¡to ¡right ¡ swiping ¡ • Links ¡hard ¡to ¡tap ¡

“It’s ¡not ¡for ¡us” ¡ “It’s ¡too ¡hard” ¡ “Mobile ¡users ¡are ¡busy ¡and ¡distracted” ¡ ¡ “A ¡responsive ¡template ¡is ¡enough” ¡ ¡ ¡“A ¡search ¡box ¡is ¡enough” ¡ ¡ “Mobile ¡is ¡the ¡lesser ¡experience” ¡ SIX ¡MYTHS ¡OF ¡MOBILE ¡

Myth ¡1: ¡“It’s ¡not ¡for ¡us” ¡ • Irrelevant ¡trinkets ¡ ¡ • “Nobody’s ¡going ¡to ¡want ¡to ¡do ¡THAT ¡ on ¡a ¡mobile ¡device” ¡

Irrelevant ¡trinkets? ¡ ¡ ¡

Disrup6ve ¡innova6on ¡ • Few ¡industries ¡will ¡go ¡ unchanged ¡ • Some ¡may ¡not ¡survive ¡ • If ¡you’ve ¡not ¡started, ¡ you’re ¡already ¡behind ¡ ¡ • But ¡it’s ¡not ¡too ¡late ¡

Recommenda6ons ¡ • Research ¡how ¡your ¡users ¡could ¡benefit ¡from ¡ mobile ¡ • Look ¡at ¡how ¡not ¡doing ¡mobile ¡might ¡be ¡ hur6ng ¡the ¡business ¡ • Develop ¡a ¡program ¡of ¡direct ¡and ¡indirect ¡ feedback ¡collec6on ¡including ¡social ¡media ¡ monitoring ¡

Myth ¡2: ¡“It’s ¡too ¡hard” ¡ • Prolifera6on ¡of ¡screen ¡resolu6ons… ¡ ¡ • And ¡plaZorms… ¡ • And ¡languages…. ¡ • On ¡top ¡of ¡product ¡complexity… ¡

Epic ¡fail? ¡ ¡

Ge]ng ¡started ¡ ¡ • Structured ¡authoring ¡tools ¡ge]ng ¡cheaper ¡ ¡ • DITA-­‑OT ¡EPUB ¡plugin ¡ • Affordable, ¡usable ¡app-­‑builders ¡ ¡ • In ¡the ¡beginning, ¡structure ¡and ¡wri6ng ¡is ¡more ¡ important ¡than ¡specific ¡tools ¡

Help ¡Authoring ¡Tool ¡outputs ¡

App ¡builders ¡ • Many ¡to ¡choose ¡from ¡ • Look ¡for ¡one ¡that’s ¡extendable ¡and ¡gives ¡you ¡ ownership ¡over ¡your ¡apps ¡ • Appery.io ¡fits ¡these ¡criteria ¡and ¡offers ¡cloud-­‑based ¡ visual ¡builder ¡

Bootstrap ¡ • Popular ¡CSS/JS ¡framework ¡and ¡toolkit ¡with ¡ great ¡documenta6on ¡

Recommenda6ons ¡ • Consider ¡a ¡simple ¡pilot ¡to ¡gauge ¡user ¡feedback ¡ and ¡get ¡an ¡idea ¡for ¡what’s ¡needed ¡ ¡ • Look ¡carefully ¡at ¡tradeoffs ¡between ¡ responsive ¡site, ¡mobile ¡site, ¡and ¡mobile ¡app ¡

Myth ¡3: ¡Mobile ¡users ¡are ¡busy ¡and ¡ distracted ¡ ¡ Leads ¡us ¡to ¡two ¡key ¡mistakes ¡ ¡ • “Tiny ¡chunks” ¡ • “Arbitrary ¡hiding ¡of ¡content” ¡ ¡

The ¡‘6ny ¡chunks’ ¡myth ¡ ¡ • Born ¡out ¡of ¡the ¡misleading ¡idea ¡of ¡the ¡‘busy ¡ and ¡distracted’ ¡mobile ¡user. ¡ ¡ • Chunking ¡of ¡content ¡*is* ¡important ¡for ¡ authors ¡and ¡managers ¡ • Delivering ¡it ¡that ¡way ¡may ¡impair ¡the ¡user ¡ experience. ¡ ¡

Naïve ¡use ¡of ¡DITA ¡

Context ¡isn’t ¡a ¡dirty ¡word ¡ • Different ¡users, ¡different ¡goals ¡ – Training ¡ ¡ – Pre ¡/ ¡post ¡purchase ¡research ¡ ¡ – User ¡forums ¡and ¡discussions ¡ ¡ – White ¡papers ¡ – ‘Micro-­‑tasking’ ¡ ¡ Whatever ¡the ¡goal, ¡context ¡s6ll ¡mafers ¡ ¡

Long-­‑form ¡mobile ¡content ¡ ¡

But ¡people ¡don’t ¡always ¡read ¡very ¡ much ¡

So ¡make ¡content ¡easily ¡scannable ¡

Smaller ¡chunks ¡to ¡ write ¡in ¡— ¡not ¡pages ¡ …we ¡tell ¡designers ¡to ¡determine ¡page ¡length ¡by ¡ relevance ¡of ¡informa7on, ¡not ¡by ¡arbitrary ¡ measurements. ¡When ¡browsing ¡people ¡are ¡ happy ¡to ¡scroll ¡down ¡long ¡pages ¡when ¡the ¡ informa7onal ¡units ¡share ¡the ¡same ¡level ¡of ¡ granularity ¡and ¡are ¡highly ¡related. ¡ — ¡Hoa ¡Loranger, ¡Nielsen ¡Norman ¡Group ¡

Recommenda6ons ¡ • Suitable ¡sized ¡chunks! ¡ Deliver ¡more ¡in ¡less ¡space: ¡ • Fat-­‑free ¡wri6ng ¡ • Progressive ¡disclosure ¡ • Responsive ¡web ¡design ¡ ¡ ¡

Myth ¡4: ¡“A ¡responsive ¡design ¡is ¡ enough” ¡ • RWD ¡is ¡important ¡ • But ¡carelessly ¡pouring ¡content ¡into ¡an ¡RWD ¡ template ¡can ¡render ¡content ¡meaningless ¡ • A ¡great ¡front ¡end ¡design ¡can’t ¡rescue ¡bad ¡ content ¡ ¡ ¡

Nice ¡UI, ¡shame ¡about ¡the ¡content ¡

Be ¡careful ¡of ¡assuming ¡context ¡

Example: ¡Trafford ¡Council ¡

Inline ¡links ¡ For ¡ ¡ Against ¡ • People ¡are ¡used ¡to ¡them ¡ • Easy ¡to ¡click ¡by ¡mistake ¡– ¡ especially ¡on ¡smaller ¡ • Encourages ¡explora6on ¡ ¡ devices ¡ • Data ¡usage ¡becoming ¡less ¡of ¡ • People ¡s6ll ¡pay ¡for ¡data ¡ a ¡problem ¡ • Easy ¡to ¡get ¡lost ¡– ¡‘post ¡box ¡ • ‘Bad ¡readers’ ¡don’t ¡read ¡to ¡ effect’ ¡(Neilsen) ¡ ¡ the ¡end ¡

Myth ¡5 ¡“A ¡search ¡box ¡is ¡enough” ¡ ¡

Search ¡is ¡difficult ¡— ¡not ¡enough ¡data! ¡

Search ¡is ¡difficult ¡— ¡users ¡aren’t ¡skilled! ¡ Most ¡users ¡are ¡unable ¡to ¡solve ¡even ¡halfway ¡ complicated ¡problems ¡with ¡search. ¡Be>er ¡to ¡ redirect ¡their ¡efforts ¡into ¡more ¡suppor7ve ¡user ¡ interfaces ¡when ¡possible. ¡ — ¡Jakob ¡Nielsen, ¡Nielsen ¡Norman ¡Group ¡

Mi6ga6ng ¡the ¡difficulty ¡of ¡search ¡

Browse ¡ ¡is ¡crucial ¡ ¡ • People ¡have ¡poor ¡ search ¡skills ¡ ¡ • Typing ¡is ¡oJen ¡ imperfect ¡ • Recogni6on ¡is ¡befer ¡ than ¡recall ¡

SORN ¡link ¡reduced ¡searches ¡by ¡44% ¡

Myth ¡6: ¡Mobile ¡is ¡less ¡ ¡ • Too ¡oJen ¡seen ¡as ¡the ¡companion ¡experience ¡ ¡ • Leads ¡to ¡arbitrary ¡trunca6on ¡/ ¡exclusion ¡of ¡ content ¡ • Mul6-­‑device ¡usage ¡is ¡ubiquitous ¡ • Rise ¡of ¡the ¡mobile-­‑only ¡user ¡ ¡

Rise ¡of ¡the ¡mobile-­‑only ¡consumer ¡

We ¡don’t ¡know ¡best! ¡

Mobile ¡superpowers ¡ Geoloca6on ¡ Socialisa6on ¡ Mul6media ¡ Mul6screen ¡ ¡ Personalisa6on ¡ Situa6onal ¡awareness ¡/ ¡context ¡ ¡ ¡ Off-­‑device ¡interac6on ¡ SMS ¡/ ¡MMS ¡integra6on ¡ ¡

Making ¡sense ¡of ¡physical ¡surroundings… ¡

Context-­‑driven ¡6ps ¡ • A ¡major ¡smartphone ¡manufacturer ¡added ¡ usage ¡6ps ¡to ¡a ¡social ¡feed ¡stream ¡on ¡the ¡home ¡ screen. ¡ • Depending ¡on ¡app ¡usage, ¡appropriate ¡6ps ¡ would ¡show ¡at ¡an ¡appropriate ¡6me… ¡ ¡ ¡ • …or ¡(even ¡more ¡importantly) ¡not ¡show. ¡

Context ¡ • Devices ¡are ¡ge]ng ¡befer ¡all ¡the ¡6me ¡at ¡ assessing ¡context: ¡ – What ¡have ¡I ¡just ¡been ¡doing? ¡ – Did ¡I ¡make ¡mistakes ¡while ¡doing ¡it? ¡ – What ¡tasks ¡do ¡I ¡do ¡frequently? ¡ – Who’s ¡in ¡the ¡room ¡with ¡me? ¡Do ¡I ¡know ¡them? ¡ ¡