Designing for iPad

26 Aug 2010 - 4:16am
4 years ago
11 replies
2087 reads
ptamzz
2010

Hello everyone.

I'm designing my first application for ipad and if anyone has got any interesting articles on 'designing for ipad' kindly share it with me here. I would also be very happy if you would share what kind of tools (for both Windows & Mac) you use for preparing wireframes and mockups, specially when you are designing for iPhone or iPad.

Comments

26 Aug 2010 - 4:50am
AlphabUX
2010

Hi,

I did a presentation a few months ago about designing for iPad and how it differs from iPhone. I hope you wil find it useful, it's on slideshare: http://www.slideshare.net/Alphab/why-the-ipad-ui-matters-and-how-it-differs-from-the-tablet-pc-but-also-from-the-iphone

I'd use the same wireframing tool that for web/desktop apps, just with different stencils, and possibily using a new notation to indicate touch/gesture events  (such as http://mattgemmell.com/2010/07/14/touch-notation or http://www.lukew.com/ff/entry.asp?1071).

Exemple stencils components include http://www.sazzy.co.uk/2010/04/ipad-wireframe-eps/ http://www.totalwireframe.com/ but a google search is likely to reveal many more.

Good luck!

26 Aug 2010 - 1:06pm
pratimag.65
2009

Hi,
This was brillient, thanks for sharing.
Pratima

On Thu, Aug 26, 2010 at 10:27 PM, AlphabUX <alphab+ux@gmail.com> wrote:

Hi,

I did a presentation a few months ago about designing for iPad and how it differs from iPhone. I hope you wil find it useful, it's on slideshare: http://www.slideshare.net/Alphab/why-the-ipad-ui-matters-and-how-it-differs-from-the-tablet-pc-but-also-from-the-iphone

I'd use the same wireframing tool that for web/desktop apps, just with different stencils, and possibily using a new notation to indicate touch/gesture eventsĀ  (such as http://mattgemmell.com/2010/07/14/touch-notation or http://www.lukew.com/ff/entry.asp?1071).

Exemple stencils components include http://www.sazzy.co.uk/2010/04/ipad-wireframe-eps/ http://www.totalwireframe.com/ but a google search is likely to reveal many more.

Good luck!

(
26 Aug 2010 - 4:56am
giiilles
2010

Hi ptamzz,

As Jr. mobile interaction, I already to created a few iPhone and iPad apps, so i guess this first really short post will answer BRIEFLY 2 of your questions!

First thing to do before designing for any Apple devices must be reading the iPad Human Interface Guideline . Short overview of the main general tips here.

Concerning mockups, I have to say that I've never been convinced by any computer tools (but looking forward to it). I still do all my mockups on paper with iPhone Stencil Kit.

If anyone has other tips I would be curious to hear about it ... cause i am also looking for new solutions concerning mobile devices

PS : This was my first short message on the IXDA community / Excuse my poor English!

26 Aug 2010 - 7:42am
.pauric
2006

Try keynote http://www.youtube.com/watch?v=DOiCdZYVpqM 

/pauric

26 Aug 2010 - 9:14am
betinagarcia
2010
26 Aug 2010 - 9:29am
Scott Noblit
2009

For wireframing on the Mac, I've used both omnigraffle and inDesign. Both tools have some user created stencils or library that can help speed up the creation of the artifacts. Good ol' pen and paper or a whiteboard work well too ;)

For viewing your designs on the device (which you should check your designs often on the device), dropbox has become invaluable as a way to transfer files. Also, I've had some good luck (and fun) by making some tappable prototypes in keynote on the desktop and importing that file into keynote on the iPad. Depending on the fidelity you are looking for you can make your design feel pretty "realistic" without ever writing any code. 

As for info on the subject, I read this article yesterday that I thought had some good insights and was similar to experiences I've had so far when designing for the device. 

http://informationarchitects.jp/designing-for-ipad-reality-check/

Hope this helps! 


26 Aug 2010 - 10:35am
manishpi
2010

Here are the links you could explore:

http://www.pixelube.com/2010/02/16-ipad-design-and-ui-resources/

http://garmahis.com/reviews/ipad-tools-tips-design/

http://www.smashingmagazine.com/2010/04/16/design-tips-for-your-ipad-app/

http://www.webdesignerdepot.com/2010/02/a-collection-of-free-ipad-icons-tutorials-and-psds/

http://www.useit.com/alertbox/ipad.html

http://blog.templatemonster.com/2010/05/14/ipad-web-design/

Hope these help as well. 

Manish Govind Pillewar | Sr. Designer:User Experiences | ThoughtWorks Inc. | San Francisco | 312 351 3395(M)

 

26 Aug 2010 - 2:06pm
Mike Hales
2009

I would recommend building it in HTML if your project allows. I just finished one and the process and build were pretty simple. Some issues include how your users find it and also bookmark it for future use tho.

On 26/08/2010, at 9:47 PM, ptamzz wrote:

> Hello everyone. > > I'm designing my first application for ipad and if anyone has got any interesting articles on 'designing for ipad' kindly share it with me here. I would also be very happy if you would share what kind of tools (for both Windows & Mac) you use for preparing wireframes and mockups, specially when you are designing for iPhone or iPad. > >

26 Aug 2010 - 2:57pm
Alice H. Lo
2008

I've tried mocking up in Balsamiq Mockups and exporting to a linked PDF file to be viewed by GoodReader on the iPad. You can demo basic screen level click-throughs with a mockup like this. 

For iPhone and iPad Development GUI Kits, Stencils and Icons, this is a great resource: http://www.devcomments.com/iPhone-and-iPad-Development-GUI-Kits-Stencils-and-Icons-i26747.htm. For a basic overview about the iPad itself, including resolution, ui elements, gestures, ux guidelines, I have a blog post that summarizes all these.

I also have this idea of writing an article on iPad navigation models. Here's the details: http://www.boxesandarrows.com/idea/view/61596. If anyone has any interests/comments on this idea, I'd love to hear from them!

Thanks for the topic and all the resources above.

 

26 Aug 2010 - 11:50pm
ptamzz
2010

Hello and thanks to everyone. I can't quote everyone's name here but thanks for sharing all your these links. I'm learning a lot of new stuffs. :)

Syndicate content Get the feed