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 ¡

SIX ¡MYTHS ¡OF ¡MOBILE ¡

“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” ¡

Myth ¡1: ¡“It’s ¡not ¡for ¡us” ¡

• Irrelevant ¡trinkets ¡ ¡
• “Nobody’s ¡going ¡to ¡want ¡to ¡do ¡THAT ¡
• n ¡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 ¡
• wnership ¡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 ¡ ¡

• People ¡are ¡used ¡to ¡them ¡
• Encourages ¡explora6on ¡ ¡
• Data ¡usage ¡becoming ¡less ¡of ¡

a ¡problem ¡

• ‘Bad ¡readers’ ¡don’t ¡read ¡to ¡

the ¡end ¡ Against ¡

• Easy ¡to ¡click ¡by ¡mistake ¡– ¡

especially ¡on ¡smaller ¡ devices ¡

• People ¡s6ll ¡pay ¡for ¡data ¡
• Easy ¡to ¡get ¡lost ¡– ¡‘post ¡box ¡

effect’ ¡(Neilsen) ¡ ¡

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? ¡

¡

Don’t ¡guess ¡what ¡mobile ¡users ¡need ¡

If ¡we ¡want ¡objec7ve ¡and ¡accurate ¡data ¡about ¡how ¡ people ¡engage ¡with ¡mobile ¡devices, ¡we ¡first ¡need ¡to ¡ get ¡all ¡of ¡our ¡content ¡on ¡mobile. ¡Only ¡then ¡will ¡we ¡ be ¡able ¡to ¡get ¡real ¡facts ¡and ¡glean ¡meaningful ¡ insights ¡about ¡what ¡people ¡want, ¡when ¡they ¡want ¡ it, ¡and ¡how ¡they ¡want ¡it ¡presented. ¡ — ¡Karen ¡McGrane ¡in ¡“Content ¡Strategy ¡for ¡Mobile” ¡

Recommenda6ons ¡

• First, ¡get ¡all ¡the ¡(good) ¡content ¡you ¡can ¡onto ¡

mobile ¡

• Then, ¡research ¡user ¡priori6es ¡for ¡mobile ¡

content ¡

• Finally, ¡look ¡at ¡how ¡to ¡highlight ¡/ ¡surface ¡

those ¡priori6es ¡(without ¡removing ¡other ¡ content ¡areas) ¡

Proceed ¡with ¡cau6on… ¡

What ¡to ¡do ¡now ¡ ¡

• Don’t ¡underes6mate ¡importance ¡of ¡mobile ¡
• Don’t ¡assume ¡context ¡ ¡
• Focus ¡on ¡quality ¡content, ¡well ¡structured ¡ ¡
• Don’t ¡rely ¡on ¡tools ¡and ¡architectures ¡to ¡give ¡

you ¡the ¡answers ¡

• Use ¡your ¡superpowers! ¡ ¡

Thank ¡you ¡ ¡

• e-­‑mail ¡rachel.johnston@mekon.com ¡
• Twifer: ¡@thedesserZox ¡and ¡@BiteSizeDITA ¡

¡