17
Going mobile Five steps to making research compatible with mobile devices www.youngdigital.net

Young Digital: Going mobile

Embed Size (px)

DESCRIPTION

A slideshow about how to make your digital media projects compatible with mobile devices. Produced by Dr. Michael Gallagher from the University of Glasgow, for Young Digital, a project about digital media in research with children and young people: http://www.youngdigital.net/

Citation preview

Page 1: Young Digital: Going mobile

Going mobileFive steps to making research

compatible with mobile devices

www.youngdigital.net

Page 2: Young Digital: Going mobile

1. Is it important

that your research

works with mobile

devices?

Page 3: Young Digital: Going mobile

This depends on how much your target groups use mobile devices.

- Do your research participants have access to mobile devices?

-If so, which devices, and what do they use them for?

- If you have other target audiences, do they use mobile devices?

Page 4: Young Digital: Going mobile

I mainly use my

Blackberry for

messaging friends.

My iPhone is too

slow for web

browsing.

I use my PC for web

browsing, and my

Blackberry for

Twitter and emails.

I have an Android

phone but I can’t

afford to use it much.

I take lots of

photos and videos

with my phone.

At home we have an

iPad, I use it for

internet and games.

My Windows phone is

great for music and

videos.

I use my phone for

everything!

Page 5: Young Digital: Going mobile

2. Avoid using

technologies that

rely on Adobe Flash.

Page 6: Young Digital: Going mobile

Adobe Flash is used for

animations, video and audio.

At the time of writing (2012),

Flash is not supported on many mobile devices (e.g. iPhone, iPad,

Android phones).

Adobe have stopped investing in

Flash for mobiles, so this trend

looks set to continue.

Page 7: Young Digital: Going mobile

But which

websites use

Flash?If we listed all the

websites and services

that use Flash, by the

time you read this, the

information would

probably be out of

date.OK...so what am I

supposed to do?

You could also look at FAQs,

help files and tech blogs.

A web search for ‘does

X use Adobe Flash?’

can be helpful.

Page 8: Young Digital: Going mobile

3. Use products that

have been designed

for mobiles.

Page 9: Young Digital: Going mobile

Some examples…

- Mobile application software (‘apps’)

- Mobile website building services, e.g.

Zinadoo, Jaemobi, MoFuse

- Mobile plugins for blogs (e.g.

Wordpress.org has mobile plugins)

- Most of the ‘big name’ social media

sites are optimised for mobile web

browsers. Many also have apps that

add extra functions.

Page 10: Young Digital: Going mobile

Social media apps add extra features

(e.g. uploading media), but users must

be willing to download the app. Also,

some apps are slow or badly designed.

Do you want to use such apps? Is it

realistic to expect your users to

download them? Are there some

apps they already use and like? Or do

you want to avoid using apps?

Page 11: Young Digital: Going mobile

4. Design your

media to work in a

small format.

Page 12: Young Digital: Going mobile

- Keep things short

- Use bold, simple designs

- Avoid unnecessary features

- Use tight, close-up framing in

photos and videos

- Avoid requiring users to

download files as this can be

slow – embed media instead

Page 13: Young Digital: Going mobile

5. Test your

project for

mobile

compatibility

Page 14: Young Digital: Going mobile

- Test using some mobile devices.

- Pay attention to load times - the

faster the better.

- If you don’t have a full range of

devices, there are simulators, e.g.

http://iphone4simulator.com

- mobiReady is a free service that

checks the mobile compatibility of

any website: http://mobiready.com

Page 15: Young Digital: Going mobile

mobiReady

Page 16: Young Digital: Going mobile

It’s best to test early in the

development process.

Now test this for mobile devices - with

your users if possible. If there are

problems, it’ll be easier to address

them at this early stage.

Make a quick, rough version, e.g. a

survey with 2-3 fake questions, a

30 second video, a blog with a few

random words/images.

Page 17: Young Digital: Going mobile

This slideshow was created by

Dr. Michael Gallagher, University of

Glasgow, for Young Digital

www.youngdigital.net

Image credits: pierocksmysocks, via

deviantART