Trave luxeappcommented

19
COMMENTS I am about half way through designing an iPad prototype. Here are a few pages. The navigation is primarily done through finger swipes. Users can search from the homepage, or browse all listings. turn page>

Transcript of Trave luxeappcommented

COMMENTS

I am about half way through designing an iPad prototype. Here are a few pages. The navigation is primarily done through finger swipes.

Users can search from the homepage, or browse all listings.

turn page>

COMMENTS

For searching, the keyboard pops up and the rest of the screen is grayed out.

< >

COMMENTS

For browsing, the default screen is a satellite photo which the user controls by rotating the iPad itself or finger swiping to spin and tilt the globe; finger pinching and tapping zooms users in and out. Users can also show country labels, a classic illustrated map and more.

< >

COMMENTS

The selection buttons don’t persist—they disappear if not interacted with after a couple of seconds. Tapping the screen brings them back (standard iPad functionality).

< >

COMMENTS

Browsing can also happen via an index page. Segmented choices at top allow users to drill into different content categories without changing screens.

A selection briefly highlights when touched, then takes the user to that page.

< >

COMMENTS

The main country page gives general information. Segmented choices at top allow users to see related content. Users scroll through the photo bar by finger swiping.

Video could also be on this page, possibly supplied by a tourist organization.

The navigation and photo scroll don’t persist if there is no interaction.

< >

COMMENTS

If a user has selected Travel from the previous screen, TraveLuxe would slide a new screen over the existing one.

TraveLuxe could feature a partner such as Kayak’s site. Users could search and make reservations of various types. After touching the Done button, the previous TraveLuxe page is revealed.

< >

COMMENTS

Back on the Hotel page, the non-persistent navigation is hidden, but the At A Glance links can be selected.

< >

COMMENTS

Again, users selecting any external links would have the link slide in above the current TraveLuxe screen.

< >

COMMENTS

Selecting TraveLuxe Tools brings up a custom set of tools useful for travelers. Users make a selection and the tool pops up.

(Pop ups are released by tapping anywhere on the screen—standard iPad functionality.)

< >

COMMENTS

For example, the Converter pop-up tool covers several unit categories—measurements, money, temperature etc.

< >

COMMENTS

Choosing Maps allows three different views. Users zoom via finger pinching or tapping. Users can find their GPS location by touching the standard symbol in the lower corner. Search shows requested routes, particularly helpful for tourists seeking specific destinations.

< >

COMMENTS

Users can connect with email and other social media. (Doppler is a travel-centric social site.) Users can pick from an array of media choices under options.

< >

COMMENTS

Users can connect with email and other social media. (Doppler is a travel-centric social site.) Users can pick from an array of media choices under options.

< >

COMMENTS

Choosing a hotel brings users to that resort’s main page, with non-persistent navigation and photos. This would also be a perfect place for video, which plays directly on the page with no visible external player. There is also a full-frame option.

The At A Glance box gives users a quick rundown of features.

< >

COMMENTS

When the iPad’s orientation changes, the main content turns but does not change size or reformat—doing either might confuse readers and cause them to lose their place in the text. (This is Apple’s strong preference for main content.)

Instead, the navigation could now appear in the left-hand pane, allowing users to make selections and see related content in the main frame.

< >

COMMENTS

A new selection (Restaurants) in the left pane shows new content in the right pane. There is also an icon for enabling the invisible 360 degree photo viewer. The photo rotates via finger swipes. For an example of possible technology, check out http://tiny.cc/jSvPV

><

COMMENTS

Pop ups would reformat for different orientations—this is a satellite view from Maps with marked locations found through search.

< >

COMMENTS

Here is a scenario where a related photo gallery populates the left pane, and the navigation goes back to the right side. Users can touch any photo to see it pop up larger. The navigation doesn’t persist.

<