Mobile UI standards

14 Jun 2007 - 3:25pm
4 years ago
14 replies
1734 reads
Jeffrey D. Gimzek
2007

Hi all,

I am embarking on a Mobile/Cell Phone application UI/IA/IXD project,
and as I am new to the mobile market (from the design side, anyway),
I was wondering if any of the mobile-oriented UI/IXD peeps here have
a set of standards, or can point be to some resources for such.

Things I am curious about -

Screensizes
Color Depth
Font Handling - is the a list of "phone safe" fonts ?
State Handling (off, over, down)
graphic formats

and really any kind of "general" pointers Mobile-experienced
designers can give me would be swell.

TIA !

jd

--

Jeffrey D. Gimzek
Digital Experience Designer

www.jdgimzek.com
thundercougarfalconbird.blogspot.com

Comments

14 Jun 2007 - 3:44pm
Christian Crumlish
2006

Here's a good place to start:

http://www.blueflavor.com/blog/mobile/sxsw_2007_mobile_web_presentation.php

-x-

On 6/14/07, Jeffrey D. Gimzek <listserv at jdgimzek.com> wrote:
>
> I am embarking on a Mobile/Cell Phone application UI/IA/IXD project,
> and as I am new to the mobile market (from the design side, anyway),
> I was wondering if any of the mobile-oriented UI/IXD peeps here have
> a set of standards, or can point be to some resources for such.
>
...
>
> and really any kind of "general" pointers Mobile-experienced
> designers can give me would be swell.

14 Jun 2007 - 3:57pm
Chauncey Wilson
2007

Hello Jeffrey,

There are two new books on mobile interaction design that might be helpful.
I just picked them up and haven't read them yet so I'm including the
reference and the TOCs for both books so you can judge whether they might
have the information you are looking for.

Chauncey.

*Ballard, B. ( 2007). Designing the mobile user experience. West Sussex,
England: Wiley. *
*Table of Contents:*

Introduction: Mobility is Different

Mobile Users in the Wild

Mobile Devices

Selecting Application Technologies

Mobile Design Principles

Mobile User Interface Design Patterns

Graphic and Media Design

Industry Players

Research and Design Process

Example Application: Traveler Tool

Appendices

Glossary

Index

*Jones, M., & Marsden, G. (2007). Mobile interaction design. West Sussex,
England: Wiley.
Table of Contents:
*PART I: INTRODUCTION.
Chapter 1: Possibilities.
Chapter 2: Products for people.
Chapter 3: Innovating.
PART II: DEVELOPING EFFECTIVE MOBILE APPLICATIONS.
Chapter 4: Interaction design.
Chapter 5: Watching, asking, probing.
Chapter 6: Prototypes.
Chapter 7: Evaluation.
PART III: DESIGN GALLERY – DIRECTIONS AND GUIDELINES.
Chapter 8: Controlling Complex Functions.
Chapter 9: Information access.
Chapter 10: Beyond text – using images on mobile devices.
Chapter 11: Impacting the community; impacting the world.
*Resources*.
*References*.
*Index.*
On 6/14/07, Jeffrey D. Gimzek <listserv at jdgimzek.com> wrote:
>
>
> Hi all,
>
> I am embarking on a Mobile/Cell Phone application UI/IA/IXD project,
> and as I am new to the mobile market (from the design side, anyway),
> I was wondering if any of the mobile-oriented UI/IXD peeps here have
> a set of standards, or can point be to some resources for such.
>
> Things I am curious about -
>
> Screensizes
> Color Depth
> Font Handling - is the a list of "phone safe" fonts ?
> State Handling (off, over, down)
> graphic formats
>
> and really any kind of "general" pointers Mobile-experienced
> designers can give me would be swell.
>
> TIA !
>
> jd
>
>
>
>
>
> --
>
> Jeffrey D. Gimzek
> Digital Experience Designer
>
> www.jdgimzek.com
> thundercougarfalconbird.blogspot.com
>
>
>
>
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> List Guidelines ............ http://listguide.ixda.org/
> List Help .................. http://listhelp.ixda.org/
> (Un)Subscription Options ... http://subscription-options.ixda.org/
> Announcements List ......... http://subscribe-announce.ixda.org/
> Questions .................. lists at ixda.org
> Home ....................... http://ixda.org/
> Resource Library ........... http://resources.ixda.org
>

14 Jun 2007 - 6:37pm
Casey Krub
2007

Hi-

In regards to your list -- it all depends. :)

Depends on the phone, its OS, and the carrier and what the carrier might
have added (at least in the US ).

My 2¢

Screen Size – depends on a lot of factors. You sort of have to pick an
approach – something like lowest common denominator (currently 240 X
240-ish), or focus on a few targeted screen sizes/phones that fit the
profile of your target audience. Various new models phones coming out seem
to be touting both larger and smaller screens - does not seem to be a
trend in one direction, just more at both ends of the spectrum.

Font Handling - is there a list of "phone safe" fonts – there really are no
"phone safe" fonts. Every type of phone & OS renders each font differently.
We are wrestling with this issue right now.

Ditto for State Handling (off, over, down) and graphic formats

Here are a few resources I have found helpful, in addition to the books
mentioned in Chauncey's reply.

Web Browsing On Mobile Phones - Characteristics Of User Experience

http://research.nokia.com/people/virpi_roto/MobileBrowsingUX-Dissertation.pdf

Mobile Persuasion - 20 Perspectives on the Future of Behavior Change

http://www.mobilepersuasion.com/

Little Springs Design
http://www.littlespringsdesign.com/

Casey

On 6/14/07, Jeffrey D. Gimzek <listserv at jdgimzek.com> wrote:
>
>
> Hi all,
>
> I am embarking on a Mobile/Cell Phone application UI/IA/IXD project,
> and as I am new to the mobile market (from the design side, anyway),
> I was wondering if any of the mobile-oriented UI/IXD peeps here have
> a set of standards, or can point be to some resources for such.
>
> Things I am curious about -
>
> Screensizes
> Color Depth
> Font Handling - is the a list of "phone safe" fonts ?
> State Handling (off, over, down)
> graphic formats
>
> and really any kind of "general" pointers Mobile-experienced
> designers can give me would be swell.
>
> TIA !
>
> jd
>
> --
>
> Jeffrey D. Gimzek
> Digital Experience Designer
>
> www.jdgimzek.com
> thundercougarfalconbird.blogspot.com
>
>

14 Jun 2007 - 7:03pm
Jeffrey D. Gimzek
2007

jay,

Thanks !

This is definitely closest to what i am looking for.

(casey, et. al - thanks for your input too!)

the Symbian site has a lot of great info...

what is the deal with screen shot software you mention ?

where can i get that ? i am trying to find a way to screen shot the
different phones i am developing for...

jd

On Jun 14, 2007, at 4:54 PM, Jay Hilwig wrote:

> My goal for screen size is to abstract elements based on (usually)
> device height. This is helpful for css. Same for graphics, when
> possible.
>
> We're currently developing for 6 different nokia devices w/ 3
> different resolutions.
> So, for example:
> *List Item highlight row size= round (device height/13)
> *Font size= round (device height/24)
> 176 x 208 320 x 240 352 x 416
> List Item highlight 16 18 32
> Font size 9 10 17
> __________________________________________________________________
>
> Fonts for symbian and Win OS:
> Symbian
> -nokia sans s60
> -nokia sans s60 semibold
> Windows (5.0 +)
> -Segoe Condensed (ships with Vista and Office 2007)
> __________________________________________________________________
>
> Adobe Device Central 3 is trying to accomplish a similar notion.
> Author once, output many. Not always possible, esp. if you have to
> accommodate, for example, 176 x 208 AND 352 x 416.
> __________________________________________________________________
>
> FREE Screenshot utilities for devices (see how native OS renders
> info, match fontsize, etc..)
> Symbian (might need a different app if older devices!)
> -screenshot_s60_3rd_2.60.sisx
> Win
> -SmartSS.cab
>
> Cheers,
> _jay
>
>
> -----Original Message-----
> From: discuss-bounces at lists.interactiondesigners.com
> [mailto:discuss-bounces at lists.interactiondesigners.com] On Behalf
> Of Casey Krub
> Sent: Thursday, June 14, 2007 4:37 PM
> To: Jeffrey D. Gimzek; discuss at lists.interactiondesigners.com
> Subject: Re: [IxDA Discuss] Mobile UI standards
>
> Hi-
>
>
>
> In regards to your list -- it all depends. :)
>
> Depends on the phone, its OS, and the carrier and what the carrier
> might
> have added (at least in the US ).
>
>
>
> My 2¢
>
>
>
> Screen Size - depends on a lot of factors. You sort of have to
> pick an
> approach - something like lowest common denominator (currently 240 X
> 240-ish), or focus on a few targeted screen sizes/phones that fit the
> profile of your target audience. Various new models phones coming
> out seem
> to be touting both larger and smaller screens - does not seem to be a
> trend in one direction, just more at both ends of the spectrum.
>
>
>
> Font Handling - is there a list of "phone safe" fonts - there
> really are no
> "phone safe" fonts. Every type of phone & OS renders each font
> differently.
> We are wrestling with this issue right now.
>
>
>
> Ditto for State Handling (off, over, down) and graphic formats
>
>
>
> Here are a few resources I have found helpful, in addition to the
> books
> mentioned in Chauncey's reply.
>
>
>
> Web Browsing On Mobile Phones - Characteristics Of User Experience
>
> http://research.nokia.com/people/virpi_roto/MobileBrowsingUX-
> Dissertation.pdf
>
>
>
> Mobile Persuasion - 20 Perspectives on the Future of Behavior Change
>
> http://www.mobilepersuasion.com/
>
> Little Springs Design
> http://www.littlespringsdesign.com/
>
> Casey
>
>
> On 6/14/07, Jeffrey D. Gimzek <listserv at jdgimzek.com> wrote:
>>
>>
>> Hi all,
>>
>> I am embarking on a Mobile/Cell Phone application UI/IA/IXD project,
>> and as I am new to the mobile market (from the design side, anyway),
>> I was wondering if any of the mobile-oriented UI/IXD peeps here have
>> a set of standards, or can point be to some resources for such.
>>
>> Things I am curious about -
>>
>> Screensizes
>> Color Depth
>> Font Handling - is the a list of "phone safe" fonts ?
>> State Handling (off, over, down)
>> graphic formats
>>
>> and really any kind of "general" pointers Mobile-experienced
>> designers can give me would be swell.
>>
>> TIA !
>>
>> jd
>>
>> --
>>
>> Jeffrey D. Gimzek
>> Digital Experience Designer
>>
>> www.jdgimzek.com
>> thundercougarfalconbird.blogspot.com
>>
>>
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> List Guidelines ............ http://listguide.ixda.org/
> List Help .................. http://listhelp.ixda.org/
> (Un)Subscription Options ... http://subscription-options.ixda.org/
> Announcements List ......... http://subscribe-announce.ixda.org/
> Questions .................. lists at ixda.org
> Home ....................... http://ixda.org/
> Resource Library ........... http://resources.ixda.org

--

Jeffrey D. Gimzek
Digital Experience Designer

www.jdgimzek.com
thundercougarfalconbird.blogspot.com

14 Jun 2007 - 7:06pm
Jeffrey D. Gimzek
2007

On Jun 14, 2007, at 5:03 PM, Jeffrey D. Gimzek wrote:

>
> jay,
>
> Thanks !
>
> This is definitely closest to what i am looking for.
>
> (casey, et. al - thanks for your input too!)
>
> the Symbian site has a lot of great info...
>
> what is the deal with screen shot software you mention ?
>
> where can i get that ? i am trying to find a way to screen shot the
> different phones i am developing for...

I am on OSX btw.

>
>
>
>
>
>
> On Jun 14, 2007, at 4:54 PM, Jay Hilwig wrote:
>
>> My goal for screen size is to abstract elements based on (usually)
>> device height. This is helpful for css. Same for graphics, when
>> possible.
>>
>> We're currently developing for 6 different nokia devices w/ 3
>> different resolutions.
>> So, for example:
>> *List Item highlight row size= round (device height/13)
>> *Font size= round (device height/24)
>> 176 x 208 320 x 240 352 x 416
>> List Item highlight 16 18 32
>> Font size 9 10 17
>> __________________________________________________________________
>>
>> Fonts for symbian and Win OS:
>> Symbian
>> -nokia sans s60
>> -nokia sans s60 semibold
>> Windows (5.0 +)
>> -Segoe Condensed (ships with Vista and Office 2007)
>> __________________________________________________________________
>>
>> Adobe Device Central 3 is trying to accomplish a similar notion.
>> Author once, output many. Not always possible, esp. if you have to
>> accommodate, for example, 176 x 208 AND 352 x 416.
>> __________________________________________________________________
>>
>> FREE Screenshot utilities for devices (see how native OS renders
>> info, match fontsize, etc..)
>> Symbian (might need a different app if older devices!)
>> -screenshot_s60_3rd_2.60.sisx
>> Win
>> -SmartSS.cab
>>
>> Cheers,
>> _jay
>>
>>
>> -----Original Message-----
>> From: discuss-bounces at lists.interactiondesigners.com
>> [mailto:discuss-bounces at lists.interactiondesigners.com] On Behalf
>> Of Casey Krub
>> Sent: Thursday, June 14, 2007 4:37 PM
>> To: Jeffrey D. Gimzek; discuss at lists.interactiondesigners.com
>> Subject: Re: [IxDA Discuss] Mobile UI standards
>>
>> Hi-
>>
>>
>>
>> In regards to your list -- it all depends. :)
>>
>> Depends on the phone, its OS, and the carrier and what the carrier
>> might
>> have added (at least in the US ).
>>
>>
>>
>> My 2¢
>>
>>
>>
>> Screen Size - depends on a lot of factors. You sort of have to
>> pick an
>> approach - something like lowest common denominator (currently 240 X
>> 240-ish), or focus on a few targeted screen sizes/phones that fit the
>> profile of your target audience. Various new models phones coming
>> out seem
>> to be touting both larger and smaller screens - does not seem to be a
>> trend in one direction, just more at both ends of the spectrum.
>>
>>
>>
>> Font Handling - is there a list of "phone safe" fonts - there
>> really are no
>> "phone safe" fonts. Every type of phone & OS renders each font
>> differently.
>> We are wrestling with this issue right now.
>>
>>
>>
>> Ditto for State Handling (off, over, down) and graphic formats
>>
>>
>>
>> Here are a few resources I have found helpful, in addition to the
>> books
>> mentioned in Chauncey's reply.
>>
>>
>>
>> Web Browsing On Mobile Phones - Characteristics Of User Experience
>>
>> http://research.nokia.com/people/virpi_roto/MobileBrowsingUX-
>> Dissertation.pdf
>>
>>
>>
>> Mobile Persuasion - 20 Perspectives on the Future of Behavior Change
>>
>> http://www.mobilepersuasion.com/
>>
>> Little Springs Design
>> http://www.littlespringsdesign.com/
>>
>> Casey
>>
>>
>> On 6/14/07, Jeffrey D. Gimzek <listserv at jdgimzek.com> wrote:
>>>
>>>
>>> Hi all,
>>>
>>> I am embarking on a Mobile/Cell Phone application UI/IA/IXD project,
>>> and as I am new to the mobile market (from the design side, anyway),
>>> I was wondering if any of the mobile-oriented UI/IXD peeps here have
>>> a set of standards, or can point be to some resources for such.
>>>
>>> Things I am curious about -
>>>
>>> Screensizes
>>> Color Depth
>>> Font Handling - is the a list of "phone safe" fonts ?
>>> State Handling (off, over, down)
>>> graphic formats
>>>
>>> and really any kind of "general" pointers Mobile-experienced
>>> designers can give me would be swell.
>>>
>>> TIA !
>>>
>>> jd
>>>
>>> --
>>>
>>> Jeffrey D. Gimzek
>>> Digital Experience Designer
>>>
>>> www.jdgimzek.com
>>> thundercougarfalconbird.blogspot.com
>>>
>>>
>> ________________________________________________________________
>> Welcome to the Interaction Design Association (IxDA)!
>> To post to this list ....... discuss at ixda.org
>> List Guidelines ............ http://listguide.ixda.org/
>> List Help .................. http://listhelp.ixda.org/
>> (Un)Subscription Options ... http://subscription-options.ixda.org/
>> Announcements List ......... http://subscribe-announce.ixda.org/
>> Questions .................. lists at ixda.org
>> Home ....................... http://ixda.org/
>> Resource Library ........... http://resources.ixda.org
>
> --
>
> Jeffrey D. Gimzek
> Digital Experience Designer
>
> www.jdgimzek.com
> thundercougarfalconbird.blogspot.com
>
>
>
>
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> List Guidelines ............ http://listguide.ixda.org/
> List Help .................. http://listhelp.ixda.org/
> (Un)Subscription Options ... http://subscription-options.ixda.org/
> Announcements List ......... http://subscribe-announce.ixda.org/
> Questions .................. lists at ixda.org
> Home ....................... http://ixda.org/
> Resource Library ........... http://resources.ixda.org

--

Jeffrey D. Gimzek
Digital Experience Designer

www.jdgimzek.com
thundercougarfalconbird.blogspot.com

14 Jun 2007 - 7:55pm
mehera OBrien
2007

I recently read a document called "dotMobi Mobile Web Developers Guide" that
has a decent overview of basic design and coding techniques for mobile. It's
easy to read and for professionals, perhaps a little too juvenile. But, it's
a good basic introduction. It has recommended screen sizes and UI
recommendations. Take it with a grain of salt, but it gave me what I needed.

You can find it here:

http://www.blueflavor.com/blog/mobile/dotmobi_mobile_web_developers_guide.ph
p

More importantly, there are a number of links called out in the doc for more
information. On the site, there is a link to more information about .mobi:

http://pc.mtld.mobi/mobilenet/index.html

If you find better info, please share. My team is really in need of this
knowledge as well.

Thanks,
Mehera

On 6/14/07 4:25 PM, "Jeffrey D. Gimzek" <listserv at jdgimzek.com> wrote:

>
> Hi all,
>
> I am embarking on a Mobile/Cell Phone application UI/IA/IXD project,
> and as I am new to the mobile market (from the design side, anyway),
> I was wondering if any of the mobile-oriented UI/IXD peeps here have
> a set of standards, or can point be to some resources for such.
>
> Things I am curious about -
>
> Screensizes
> Color Depth
> Font Handling - is the a list of "phone safe" fonts ?
> State Handling (off, over, down)
> graphic formats
>
> and really any kind of "general" pointers Mobile-experienced
> designers can give me would be swell.
>
> TIA !
>
> jd
>
>
>
>
>
> --
>
> Jeffrey D. Gimzek
> Digital Experience Designer
>
> www.jdgimzek.com
> thundercougarfalconbird.blogspot.com
>
>
>
>
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> List Guidelines ............ http://listguide.ixda.org/
> List Help .................. http://listhelp.ixda.org/
> (Un)Subscription Options ... http://subscription-options.ixda.org/
> Announcements List ......... http://subscribe-announce.ixda.org/
> Questions .................. lists at ixda.org
> Home ....................... http://ixda.org/
> Resource Library ........... http://resources.ixda.org
>
>
>

--
Mehera O¹Brien
Associate Creative Director ­ User Experience

Main: +1 212 989 2572
Direct: +1 212 624 2142

mehera.obrien at akqa.com | http://www.akqa.com

AKQA Inc, 135 Spring Street 6th Floor West, New York, NY 10012 USA

Confidentiality notice:
The information transmitted in this email and/or any attached document(s)
is confidential and intended only for the person or entity to which it is
addressed and may contain privileged material. Any review, retransmission,
dissemination or other use of, or taking of any action in reliance upon this
information by persons or entities other than the intended recipient is
prohibited. If you received this in error, please contact the sender and
delete
the material from any computer.

14 Jun 2007 - 8:31pm
Barbara Ballard
2005

>
> Screensizes

depends on your target market. I currently don't worry about anything
smaller than 128x128 for most projects.

> Color Depth

> Font Handling - is the a list of "phone safe" fonts ?
Not really, but Punchcut has some nice fonts available.

> State Handling (off, over, down)
For web, you don't really have anything to do here.

> graphic formats
PNG is safe, but it depends.

>
> and really any kind of "general" pointers Mobile-experienced
> designers can give me would be swell.

Also available is the mobile patterns site we're building:
http://patterns.littlespringsdesign.com

--
Barbara Ballard
barbara at littlespringsdesign.com 1-785-838-3003

15 Jun 2007 - 3:03pm
oliver green
2006

It seems to me that most resources posted for this thread are for Web-based
applications for mobile devices. How about installed applications? Do the
same guidelines apply?

Oliver

15 Jun 2007 - 3:20pm
Jeffrey D. Gimzek
2007

Oliver,

Good point - as the project I am working is in fact an application,
mostly I am turning to the built in apps on my phone (and other
people's phones) for cues as to what seems standard accross apps.

For instance, all my apps on my phone are limited to lists of 9 items
per screen, as that allows the phone keys to be used as shortcuts.

This is one thing that seems to be an industry standard.

jd

On Jun 15, 2007, at 1:03 PM, oliver green wrote:

> It seems to me that most resources posted for this thread are for
> Web-based
> applications for mobile devices. How about installed applications?
> Do the
> same guidelines apply?
>
> Oliver

16 Jun 2007 - 1:31am
natekendrick
2005

Has anyone used the new Adobe Device Central?

Sounds super cool... and a large enough market if Adobe decided to
make a whole image solution for devices.

How close it is really (images, layout, performance simulation)? Was
this an app in development on Macromedia's side when Adobe bought/
merged with them?

-N

On Jun 14, 2007, at 6:31 PM, Barbara Ballard wrote:

>>
>> Screensizes
>
> depends on your target market. I currently don't worry about anything
> smaller than 128x128 for most projects.
>
>
>> Color Depth
>
>> Font Handling - is the a list of "phone safe" fonts ?
> Not really, but Punchcut has some nice fonts available.
>
>> State Handling (off, over, down)
> For web, you don't really have anything to do here.
>
>> graphic formats
> PNG is safe, but it depends.
>
>
>>
>> and really any kind of "general" pointers Mobile-experienced
>> designers can give me would be swell.
>
> Also available is the mobile patterns site we're building:
> http://patterns.littlespringsdesign.com
>
>

16 Jun 2007 - 11:40am
Markus Grupp-TM
2006

Jeff/ Oliver,

>> It seems to me that most resources posted for this thread are for Web-based
>> applications for mobile devices. How about installed applications? Do the
>> same guidelines apply?

A few things to consider:
1. Are you looking for general mobile interaction design guidelines and standards, or guidelines for a specific target platform?
2. What type of device are you designing for? As important, what operating system, run-time environment or UI platform are you designing for? (this will answer your questions on screen size, font support, graphic formats)
3. Are you developing an installed application, downloaded over-the-air application or a web site for mobile devices?

If you are looking at designing for an installed or OTA application on a specific operating system (Series 60, UIQ, Windows Mobile, Palm OS), run-time environment (Java or BREW) or UI platform (Flash Lite, uiOne, etc.), there are specific UI guidelines available:
* Nokia Series 40: http://tinyurl.com/mp8w7 <http://tinyurl.com/mp8w7>
* Nokia Series 60: http://tinyurl.com/lv2ua <http://tinyurl.com/lv2ua> http://tinyurl.com/lv2ua <http://tinyurl.com/lv2ua>
* Nokia Series 80 (Communicator) : http://tinyurl.com/n56sw <http://tinyurl.com/n56sw> http://tinyurl.com/n56sw <http://tinyurl.com/n56sw>
* (Former) Nokia Series 90 (Nokia 7710, touch-screen) : http://tinyurl.com/njqag <http://tinyurl.com/njqag> http://tinyurl.com/njqag <http://tinyurl.com/njqag>
* UIQ (touch screen, Sony Ericsson P800, P900, P910, etc.) : http://tinyurl.com/p4sbq <http://tinyurl.com/p4sbq> http://tinyurl.com/p4sbq <http://tinyurl.com/p4sbq>
* Windows Mobile: http://www.microsoft.com/windowsmobile/developers/default.mspx <http://www.microsoft.com/windowsmobile/developers/default.mspx>
* Adobe Flash Lite: http://www.adobe.com/devnet/devices/development_kits.html <http://www.adobe.com/devnet/devices/development_kits.html>

If you are developing an over-the-air downloadable application, you'll likely be designing for a Java MIDP2 or BREW application. The following guides should be relevant:

* MIDP 2.0 Style Guide for the Java(tm) Platform, Micro Edition (Bloch/ Wagner) : http://java.sun.com/docs/books/midp/UI <http://java.sun.com/docs/books/midp/UI>
* UI Guidelines for Java MIDP (Sprint-Nextel) : http://tinyurl.com/owcqw <http://tinyurl.com/owcqw>
* BREW Developer Site: http://brew.qualcomm.com/brew/en/developer/overview.html (you'll need to register as a BREW/ uiOne developer)

If you are developing a web site for mobile devices, consider the following:
dot.Mobi Consortium: http://pc.mtld.mobi
Open Mobile Alliance's XHTML-MP specification: http://www.openmobilealliance.org/release_program/docs/Browsing/V2_2-20061020-A/OMA-WAP-XHTMLMP-V1_1-20061020-A.pdf

If you are looking for general interaction design principles for mobile devices agnostic of a specific OS or platform, there are several books to consider including:
* Mobile Interaction Design by Jones & Marsden
* Mobile Usability by Lindholm
* Handheld Usability by Weiss
* Understanding Mobile Human-Computer Interaction by Love
* Information Appliances and Beyond by Bergman

There have been a couple of IxDA threads related to mobile UI standards and guidelines over the past year:
* Mobile interface design guidelines: http://beta.ixda.org/discuss.php?post=14227 <http://beta.ixda.org/discuss.php?post=14227>
* Mobile UI Guidelines: http://beta.ixda.org/discuss.php?post=10206 <http://beta.ixda.org/discuss.php?post=10206>

Hope this helps.

Good luck,
Markus

16 Jun 2007 - 3:20pm
Jeffrey D. Gimzek
2007

Um, Wow.

That helps a LOT.

I have a barrage of questions for the client now.

Thanks !

jd

On Jun 16, 2007, at 9:40 AM, Markus Grupp wrote:

> Jeff/ Oliver,
>
>>> It seems to me that most resources posted for this thread are for
>>> Web-based
>>> applications for mobile devices. How about installed
>>> applications? Do the
>>> same guidelines apply?
>
> A few things to consider:
> 1. Are you looking for general mobile interaction design guidelines
> and standards, or guidelines for a specific target platform?
> 2. What type of device are you designing for? As important, what
> operating system, run-time environment or UI platform are you
> designing for? (this will answer your questions on screen size,
> font support, graphic formats)
> 3. Are you developing an installed application, downloaded over-the-
> air application or a web site for mobile devices?
>
> If you are looking at designing for an installed or OTA application
> on a specific operating system (Series 60, UIQ, Windows Mobile,
> Palm OS), run-time environment (Java or BREW) or UI platform (Flash
> Lite, uiOne, etc.), there are specific UI guidelines available:
> * Nokia Series 40: http://tinyurl.com/mp8w7 <http://tinyurl.com/mp8w7>
> * Nokia Series 60: http://tinyurl.com/lv2ua <http://tinyurl.com/
> lv2ua> http://tinyurl.com/lv2ua <http://tinyurl.com/lv2ua>
> * Nokia Series 80 (Communicator) : http://tinyurl.com/n56sw <http://
> tinyurl.com/n56sw> http://tinyurl.com/n56sw <http://tinyurl.com/
> n56sw>
> * (Former) Nokia Series 90 (Nokia 7710, touch-screen) : http://
> tinyurl.com/njqag <http://tinyurl.com/njqag> http://tinyurl.com/
> njqag <http://tinyurl.com/njqag>
> * UIQ (touch screen, Sony Ericsson P800, P900, P910, etc.) : http://
> tinyurl.com/p4sbq <http://tinyurl.com/p4sbq> http://tinyurl.com/
> p4sbq <http://tinyurl.com/p4sbq>
> * Windows Mobile: http://www.microsoft.com/windowsmobile/developers/
> default.mspx <http://www.microsoft.com/windowsmobile/developers/
> default.mspx>
> * Adobe Flash Lite: http://www.adobe.com/devnet/devices/
> development_kits.html <http://www.adobe.com/devnet/devices/
> development_kits.html>
>
> If you are developing an over-the-air downloadable application,
> you'll likely be designing for a Java MIDP2 or BREW application.
> The following guides should be relevant:
>
> * MIDP 2.0 Style Guide for the Java(tm) Platform, Micro Edition
> (Bloch/ Wagner) : http://java.sun.com/docs/books/midp/UI <http://
> java.sun.com/docs/books/midp/UI>
> * UI Guidelines for Java MIDP (Sprint-Nextel) : http://tinyurl.com/
> owcqw <http://tinyurl.com/owcqw>
> * BREW Developer Site: http://brew.qualcomm.com/brew/en/developer/
> overview.html (you'll need to register as a BREW/ uiOne developer)
>
> If you are developing a web site for mobile devices, consider the
> following:
> dot.Mobi Consortium: http://pc.mtld.mobi
> Open Mobile Alliance's XHTML-MP specification: http://
> www.openmobilealliance.org/release_program/docs/Browsing/
> V2_2-20061020-A/OMA-WAP-XHTMLMP-V1_1-20061020-A.pdf
>
> If you are looking for general interaction design principles for
> mobile devices agnostic of a specific OS or platform, there are
> several books to consider including:
> * Mobile Interaction Design by Jones & Marsden
> * Mobile Usability by Lindholm
> * Handheld Usability by Weiss
> * Understanding Mobile Human-Computer Interaction by Love
> * Information Appliances and Beyond by Bergman
>
> There have been a couple of IxDA threads related to mobile UI
> standards and guidelines over the past year:
> * Mobile interface design guidelines: http://beta.ixda.org/
> discuss.php?post=14227 <http://beta.ixda.org/discuss.php?post=14227>
> * Mobile UI Guidelines: http://beta.ixda.org/discuss.php?post=10206
> <http://beta.ixda.org/discuss.php?post=10206>
>
> Hope this helps.
>
> Good luck,
> Markus

--

Jeffrey D. Gimzek
Digital Experience Designer

www.jdgimzek.com
thundercougarfalconbird.blogspot.com

16 Jun 2007 - 5:53pm
Morten Hjerde
2007

>
> For instance, all my apps on my phone are limited to lists of 9 items
> per screen, as that allows the phone keys to be used as shortcuts.

In user testing I have never seen people use shortcuts. They all scroll and
click. But this may be cultural, you should test it.

Has anyone used the new Adobe Device Central?
>

I'm using Device Central. It is very useful if you are working with Flash
Lite, which I only do sporadically.

--
Morten Hjerde
http://sender11.typepad.com

31 May 2010 - 7:40am
davidbrett
2010

Technology has made it possible to have a constant check on a particular mobile using the mobile phone monitoring software. A mobile phone monitoring software also makes sure that you can track the exact location of the device. Using the GPS facility which is available in most present day forms of instruments, you can trace the exact location of the particular mobile number with the aid of the Google maps. When you are deciding to purchase a mobile phone monitoring software, you also need to consider if the software provided is compatible with your model of software and systems. Cash for Phones

Syndicate content Get the feed