Mobile Design Questions

31 Aug 2007 - 7:55pm
7 years ago
3 replies
1349 reads
dszuc
2005

Hi:

2 Questions:

1. Are there any mobile design patterns available?
2. Are there standard mobile screen resolutions to design for?

Thank you and all help appreciated -
http://www.flickr.com/photos/szuc/1179335249/

Rgds.

Daniel Szuc
Principal Usability Consultant
Apogee Usability Asia Ltd
www.apogeehk.com
'Usability in Asia'

The Usability Kit - http://www.theusabilitykit.com

Comments

31 Aug 2007 - 9:37pm
Markus Grupp-TM
2006

>> 2 Questions:
>> 1. Are there any mobile design patterns available?
>> 2. Are there standard mobile screen resolutions to design for?

Hi Daniel,

quick answers to your 2 questions.

1. Mobile Design Patterns

I would start by having a look at Barbara Ballard's set of mobile UI patterns:
http://patterns.littlespringsdesign.com/wikka.php?wakka=MobilePatterns&show_comments=1 <http://patterns.littlespringsdesign.com/wikka.php?wakka=MobilePatterns&show_comments=1>

The patterns / guidelines that will be relevant to you will be determined by what you are designing. For mobile web/ WAP design, have a look at the W3C's Mobile Web Best Practices 1.0 (http://www.w3.org/TR/mobile-bp/ <http://www.w3.org/TR/mobile-bp/> ) or the DotMobi Mobile Web Developer's Guide
(http://dev.mobi/node/197 <http://dev.mobi/node/197> ).

If you are designing for a specific handset OS UI (i.e. Windows Mobile, Series 60, UIQ), check out the corresponding UI style guides. A list of links to the various OS UI styleguides can be found in my posting in the 'Mobile UI standards' thread (http://beta.ixda.org/discuss.php?post=17290
<http://beta.ixda.org/discuss.php?post=17290> ) from June of this year or last year's 'Mobile UI Guidelines' http://beta.ixda.org/discuss.php?post=10206 <http://beta.ixda.org/discuss.php?post=10206> for the links.

If you are designing a downloadable application (i.e. Java, BREW, etc.), have a look at the corresponding styleguides:

* MIDP 2.0 Style Guide for the Java(tm) Platform, Micro Edition: http://java.sun.com/docs/books/midp/UI <http://java.sun.com/docs/books/midp/UI>
* BREW Developer Site: http://brew.qualcomm.com/brew/en/developer/overview.html <http://brew.qualcomm.com/brew/en/developer/overview.html>

2. This will be determined by the handsets that you are designing for. Some standard sizes include:

*
128 x 160 px / 120 x 160 pixels (QQVGA)
*
176 x 220 px (QCIF+)
*
240 x 320px (QVGA)
*
320x480px (iPhone)

Hope this helps,
Markus

31 Aug 2007 - 9:38pm
Jeff Howard
2004

Hi Daniel,

There are dozens of threads about mobile design patterns in the IxDA
archives that are worth checking out
http://beta.ixda.org/search.php?tag=mobile

I'd start with these:

Mobile UI pattern library: the wiki
http://beta.ixda.org/discuss.php?post=13356

Mobile Interface Design Guidelines
http://beta.ixda.org/discuss.php?post=14227

Mobile UI standards
http://beta.ixda.org/discuss.php?post=17290

// jeff

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Posted from the improved ixda.org
http://beta.ixda.org/discuss?post=20002

2 Sep 2007 - 4:52am
kara rae gareza
2007

Hi Daniel,

Stumbled upon these two sometime ago:

http://www.smallsurfaces.com/2006/12/mobile-design-patterns/

http://patterns.littlespringsdesign.com/wikka.php?wakka=MobilePatterns

Might be good leads to a few more.

Cheers!

Kara

Message: 10
> Date: Sat, 1 Sep 2007 08:55:01 +0800
> From: "Daniel Szuc" <dszuc at apogeehk.com>
> Subject: [IxDA Discuss] Mobile Design Questions
> To: "'ixd-discussion Mailinglist'" <discuss at ixdg.org>
> Message-ID: <200709010056.l810tCVg057462 at mail.authsmtp.com>
> Content-Type: text/plain; charset="us-ascii"
>
> Hi:
>
> 2 Questions:
>
> 1. Are there any mobile design patterns available?
> 2. Are there standard mobile screen resolutions to design for?
>
> Thank you and all help appreciated -
> http://www.flickr.com/photos/szuc/1179335249/
>
> Rgds.
>
> Daniel Szuc
> Principal Usability Consultant
> Apogee Usability Asia Ltd
> www.apogeehk.com
> 'Usability in Asia'
>
> The Usability Kit - http://www.theusabilitykit.com
>
>

Syndicate content Get the feed