making mobile internet appealing en

19
How do we make the mobile internet more appealing ? … and why would we do that ?

Upload: mihai-dragan

Post on 27-Jan-2015

122 views

Category:

Technology


3 download

DESCRIPTION

How do we turn a classic web page in a useful mobile application?

TRANSCRIPT

Page 1: Making Mobile Internet Appealing En

How do we make the mobile internet more appealing ?

… and why would we do that ?

Page 2: Making Mobile Internet Appealing En

MobiOne.ro

First…

•Why do that?

Page 3: Making Mobile Internet Appealing En

MobiOne.ro

Why develop for mobile internet?

1. Users already want this (45% of mobile buyers wanted internet ready phones)

2. Access to early adopters.3. A fast growing niche.4. Better interaction with users

Page 4: Making Mobile Internet Appealing En

Who does this already?

Page 5: Making Mobile Internet Appealing En

MobiOne.ro

Which companies develop mobile version of their websites?

Page 6: Making Mobile Internet Appealing En

MobiOne.ro

Which companies develop mobile version of their websites?

Page 7: Making Mobile Internet Appealing En

MobiOne.ro

Which companies develop mobile version of their websites?

Page 8: Making Mobile Internet Appealing En

MobiOne.ro

Which companies develop mobile version of their websites?

Page 9: Making Mobile Internet Appealing En

How do make the mobile internet more appealing ?

…In 5 simple steps

Page 10: Making Mobile Internet Appealing En

MobiOne.ro

How do make the mobile internet more appealing ?

1. Think mobile2. Design for mobile3. Optimize4. Advertise5. Analyze

Page 11: Making Mobile Internet Appealing En

MobiOne.ro

Thinking mobile – some questions

1. Who are the users?2. What is the information they will be looking

for?3. Are we targeting a certain platform or are we

just looking for a multiplatform application?4. Which is the most important

information?5. Do we need a web or a standalone

application?

Page 12: Making Mobile Internet Appealing En

MobiOne.ro

Designing for mobile

1. Picking the URL ( examples: m.website.com or www.website.com/m )

1. Short.2. Simple.

2. Layout:1. One column layout.2. Optimum information, text-oriented

information.

Page 13: Making Mobile Internet Appealing En

MobiOne.ro

Designing for mobile

1. Wireframe1. Information

architecture2. Design within

limitations3. Usability – oriented

design4. Assume the weakest

platform5. Optimized images

Page 14: Making Mobile Internet Appealing En

MobiOne.ro

Designing for mobile

1. The code:1. XHTML compliant.2. Simple.3. No inline CSS.4. CSS code in external

files.

Page 15: Making Mobile Internet Appealing En

MobiOne.ro

Optimizing for mobile

1. Optimize:1. Information architecture.2. Images.3. Code4. Server response.

Page 16: Making Mobile Internet Appealing En

MobiOne.ro

Advertising the mobile internet

1. If the users don’t know about the mobile information, they don’t use it:

1. Advertising in the web version.2. Advertise it in mobile websites

directories.3. Partner with mobile operators.

Page 17: Making Mobile Internet Appealing En

MobiOne.ro

Analyzing the mobile internet

1. Analyze -> Implement -> Analyze2. What we’re looking at:

1. Time on site2. Bounce rate3. Most viewed pages4. Exit pages5. Referrals

Page 18: Making Mobile Internet Appealing En

MobiOne.ro

To recap:

1. Think mobile2. Design for mobile3. Optimize4. Advertise5. Analyze

Page 19: Making Mobile Internet Appealing En

MobiOne.ro

Case study: Afloo.ro

• User generated reviews • iPhone web application• Platform dependent redirection• Using iPhone for better user

interaction, location based services etc.