GUI Design Patterns

GUI Design Patterns

Caretta Software  //  Download GUI design libraries, templates, samples and patterns for the GUI Design Studio prototyping tool.

Apr 12 / 7:54am

iPhone Alarms Application Prototype Sample

Contributed by Caretta Software

Requires:             iPhone Library

This is a very simple iPhone “Alarms” application prototype, based on the Alarm mode of the built-in Clock application. It demonstrates use of the iPhone Library.

There’s a few things worth noting with this sample:

  1. It includes a Quick Concept screen flow, using the Tiny screens, that was put together in about 10 minutes (see screenshot).

  2. During design, it was useful to copy and paste parts into new custom element widgets (in the “_Widgets” sub-folder) to speed up duplicating areas.

  3. As of GUI Design Studio version 4.0, there’s no way to turn off the scroll bars of scrollable components (otherwise there’d be no way to scroll them). So we had to cheat a bit for the scrolling “Change Sound” screen where a “Windows” scroll bar appears in the prototype (see screenshot). The trick here is to nudge all of the scrolling region content further over to the left than they would normally be to make room for the wide scroll bar. The scrolling component ‘part’ design should be 306 pixels wide rather than 320.

 

(download)

Click here to download:
iPhoneAlarms.zip (25 KB)

Filed under  //  Samples   alarms   iPhone   iPod Touch