making mobile internet appealing en
DESCRIPTION
How do we turn a classic web page in a useful mobile application?TRANSCRIPT
![Page 1: Making Mobile Internet Appealing En](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c717254a7959381b8b457c/html5/thumbnails/1.jpg)
How do we make the mobile internet more appealing ?
… and why would we do that ?
![Page 2: Making Mobile Internet Appealing En](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c717254a7959381b8b457c/html5/thumbnails/2.jpg)
MobiOne.ro
First…
•Why do that?
![Page 3: Making Mobile Internet Appealing En](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c717254a7959381b8b457c/html5/thumbnails/3.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c717254a7959381b8b457c/html5/thumbnails/4.jpg)
Who does this already?
![Page 5: Making Mobile Internet Appealing En](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c717254a7959381b8b457c/html5/thumbnails/5.jpg)
MobiOne.ro
Which companies develop mobile version of their websites?
![Page 6: Making Mobile Internet Appealing En](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c717254a7959381b8b457c/html5/thumbnails/6.jpg)
MobiOne.ro
Which companies develop mobile version of their websites?
![Page 7: Making Mobile Internet Appealing En](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c717254a7959381b8b457c/html5/thumbnails/7.jpg)
MobiOne.ro
Which companies develop mobile version of their websites?
![Page 8: Making Mobile Internet Appealing En](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c717254a7959381b8b457c/html5/thumbnails/8.jpg)
MobiOne.ro
Which companies develop mobile version of their websites?
![Page 9: Making Mobile Internet Appealing En](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c717254a7959381b8b457c/html5/thumbnails/9.jpg)
How do make the mobile internet more appealing ?
…In 5 simple steps
![Page 10: Making Mobile Internet Appealing En](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c717254a7959381b8b457c/html5/thumbnails/10.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c717254a7959381b8b457c/html5/thumbnails/11.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c717254a7959381b8b457c/html5/thumbnails/12.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c717254a7959381b8b457c/html5/thumbnails/13.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c717254a7959381b8b457c/html5/thumbnails/14.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c717254a7959381b8b457c/html5/thumbnails/15.jpg)
MobiOne.ro
Optimizing for mobile
1. Optimize:1. Information architecture.2. Images.3. Code4. Server response.
![Page 16: Making Mobile Internet Appealing En](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c717254a7959381b8b457c/html5/thumbnails/16.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c717254a7959381b8b457c/html5/thumbnails/17.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c717254a7959381b8b457c/html5/thumbnails/18.jpg)
MobiOne.ro
To recap:
1. Think mobile2. Design for mobile3. Optimize4. Advertise5. Analyze
![Page 19: Making Mobile Internet Appealing En](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c717254a7959381b8b457c/html5/thumbnails/19.jpg)
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.