UXI - Eran Zinman - Conduit Mobile

Post on 25-May-2015

1,047 views 6 download

Tags:

description

Designing mobile apps for multiple platforms and devices - challenges & solutions. Eran Zinman, Conduit Mobile.

transcript

Eran Zinman

Designing apps for multiple

platforms and devices

Challenges& Solutions

http://mobile.conduit.com

the candidates

http://mobile.conduit.com

http://mobile.conduit.com

agenda

Lifecycle of a mobile appsame app on different mobile platforms

Product challengesdeveloping apps for multiple mobile platforms

Demopresenting Conduit Mobile

SolutionsHow Conduit Mobile addressed these issues

Summary

http://mobile.conduit.com

I have a really cool idea for a mobile app!

Sounds cool! I think we should start with iPhone first, since it’s the most popular platform.

an iPhoneapp is born

The lifecycle of a mobile app

A few months later …

Yeah, but we cover only 20% of the market! Lets do it for Android as well…

Ok… so lets developWP7 & BlackBerry versions while we’re at it.

The result…

A genetically mutated iPhone app on all other mobile platforms.

http://mobile.conduit.com

http://mobile.conduit.com

Mashable app

Both apps look more or less

the same oniPhone & Android

http://mobile.conduit.com

Mashable app

But is the Android app optimized for the Android platform?

About

SearchBack

http://mobile.conduit.com

Facebook app

How Facebook optimized their app for the different platforms

http://mobile.conduit.com

agenda

Lifecycle of a mobile appsame app on different mobile platforms

Product challengesdeveloping apps for multiple mobile platforms

Demopresenting Conduit Mobile

SolutionsHow Conduit Mobile addressed these issues

Summary

http://mobile.conduit.com

physical interface differences

Home

Volume Power

http://mobile.conduit.com

http://mobile.conduit.com

physical interface differences

Home

Volume Power

BackMenu Search

http://mobile.conduit.com

http://mobile.conduit.com

physical interface differences

Home

VolumePower

Back Search

Cam

era

http://mobile.conduit.com

http://mobile.conduit.com

•Very unique navigation (panorama view)• Native back button

• Native back button• Native “menu”• Main menu (list or grid, due to back button), rarely tabs

• Visual navigation (Buttons)• Usually tab interface

navigation

http://mobile.conduit.com

UI – share & selectors

http://mobile.conduit.com

UI – toggling

http://mobile.conduit.com

•Subtle loading dots on screen•Doesn’t block the user interface

• Loading indicator on screen• Blocks the user interface• Option to cancel

• Subtle loading icon on info bar• Doesn’t block the user interface

loading

http://mobile.conduit.com

•Similar to Android•Unique graphic element, attracts the user attention

• Very subtle• Sometimes easy to miss

• Hard to avoid• Can be quite annoying • * Will probably change in iOS 5

push notifications

http://mobile.conduit.com

widgets

• Much simpler widgets• No user interaction, but widgets are animated & dynamic.

• Very rich world, allow user interaction• Some apps are only widget based.• Almost all apps have a widget representation.

• Doesn’t exist in iOS (might be in iOS 5)

http://mobile.conduit.com

whatsapp setup

install Done

installPhone #

validatio

nSMS

Done

User enter SMS

http://mobile.conduit.com

agenda

Lifecycle of a mobile appsame app on different mobile platforms

Product challengesdeveloping apps for multiple mobile platforms

Demopresenting Conduit Mobile

SolutionsHow Conduit Mobile addressed these issues

Summary

Browser Solutions

Community Toolbars

Browser Apps

WebsiteSolutions

Wibar

The Conduit Network

MobileSolutions

Mobile & Tablet Apps

Publisher

250 Million Users. 260,000 Publishers. 1 Network.

http://mobile.conduit.com

Demo

http://mobile.conduit.com

http://mobile.conduit.com

http://mobile.conduit.com

agenda

Lifecycle of a mobile appsame app on different mobile platforms

Product challengesdeveloping apps for multiple mobile platforms

Demopresenting Conduit Mobile

SolutionsHow Conduit Mobile addressed these issues

Summary

http://mobile.conduit.com

agenda

Lifecycle of a mobile appsame app on different mobile platforms

Product challengesdeveloping apps for multiple mobile platforms

Demopresenting Conduit Mobile

SolutionsHow Conduit Mobile addressed these issues

Summary

http://mobile.conduit.com

Summary

Don’t create a mutation of your iPhone app,re-think your app for every platform.

Each platform offers new opportunities, not everything is done right on the iPhone.

Always make sure you understand the platform from a user perspective, use it for at least a month!

This is just the tip of the iceberg: multiple devices, tablets, web apps, etc …

Thank you!

Contactemail: eran@conduit.comtwitter: @zzeran

Conduit is hiring!web: www.facebook.com/ConduitCareersemail: moran@conduit.com

Questions?

http://mobile.conduit.com