View allAll Photos Tagged mobiledesign

Because this site was created using responsive Web design principles, the layout of the Web page responds appropriately to the device’s screen size and device context.

Hinman, Rachel. 2012. The Mobile Frontier. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/mobile-design/

Bravo is a cable television channel. Media convergence enables users to consume Bravo content from a variety of outlets: TV, Web sites, mobile applications, and through social media points like Facebook and Twitter.

Hinman, Rachel. 2012. The Mobile Frontier. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/mobile-design/

Participants used their iPads predominantly in “soft surface” environments. These environments supported “comfortable computing”—casual content consumption with some lightweight interactivity.

Hinman, Rachel. 2012. The Mobile Frontier. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/mobile-design/

Evernote, a digital to-do list and notebook application, is available on numerous platforms and devices. The smartphone apps are optimized for photo and audio input and notes are location tagged.

Hinman, Rachel. 2012. The Mobile Frontier. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/mobile-design/

These stills from an NFL Mobile television commercial depict a great example of convergent experiences. Instead of camping out in his living room all day, the main character can be mobile and follow the big game from any device in his ecosystem.

Hinman, Rachel. 2012. The Mobile Frontier. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/mobile-design/

Games with more complex movement, as in the iPad game Fruit Ninja, use straight-ahead animation techniques to capture dynamic motion.

Hinman, Rachel. 2012. The Mobile Frontier. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/mobile-design/

Multitasker. For active tablet experiences where the user will likely be multitasking with other objects or devices, opt for placing the primary navigation at the top and/or bottom. Tablets used in this configuration are often resting on tables/desks/hard surfaces, making placement along the bottom of the screen a viable space for navigation and controls.

Hinman, Rachel. 2012. The Mobile Frontier. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/mobile-design/

Pinch is a gesture that’s replacing UI elements that decrease the size of an image or screen. Building on the NUI principle of extending objects in a logical way into the world of magic, the pinch gesture gives an interface a character that can change in a way that is almost magical.

Hinman, Rachel. 2012. The Mobile Frontier. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/mobile-design/

Wonder Twins, Mystique, and werewolves are examples of shapeshifters—a being (usually human) who has the ability to change its shape into that of another person, creature, or entity.

Hinman, Rachel. 2012. The Mobile Frontier. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/mobile-design/

These stills from an NFL Mobile television commercial depict a great example of convergent experiences. Instead of camping out in his living room all day, the main character can be mobile and follow the big game from any device in his ecosystem.

Hinman, Rachel. 2012. The Mobile Frontier. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/mobile-design/

These stills from an NFL Mobile television commercial depict a great example of convergent experiences. Instead of camping out in his living room all day, the main character can be mobile and follow the big game from any device in his ecosystem.

Hinman, Rachel. 2012. The Mobile Frontier. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/mobile-design/

Timing—the mere speed at which the Road Runner moves—expresses both the physicality of the character (weight, height, and scale) and the mood of the jovial chase between Road Runner and Wylie Coyote.

Hinman, Rachel. 2012. The Mobile Frontier. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/mobile-design/

These stills from an NFL Mobile television commercial depict a great example of convergent experiences. Instead of camping out in his living room all day, the main character can be mobile and follow the big game from any device in his ecosystem.

Hinman, Rachel. 2012. The Mobile Frontier. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/mobile-design/

Similar to the optical refractor at an optometrist’s office, the filtered view pattern provides users with multiple views of the same data. The iPod application for the iPad employs the filtered view pattern.

Hinman, Rachel. 2012. The Mobile Frontier. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/mobile-design/

Animated cartoons such as Wonder Woman, Captain Caveman, and Scooby Doo taught me how movement can breathe life into drawings.

Hinman, Rachel. 2012. The Mobile Frontier. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/mobile-design/

People “hub” of the Windows 7 mobile platform.

Hinman, Rachel. 2012. The Mobile Frontier. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/mobile-design/

In this time it is very important that your website is mobile friendly responsive. It is not only for google also for visitor. So important what people think about your website. So Make your site mobile friendly responsive.

 

What you get on my GIG?

01. Responsive Design

02. Google Mobile friendly

03. W3C validation

04. CSS Validation

05. Nice mobile menu

06. Unlimited revision

 

What I need?

01. Your Website URL

02. Your Website FTP username and Password

etc.

So what are you waiting for? Buy and enjoy.

Order Here: goo.gl/A3SABF

Iconic image of the Oklahoma Land Rush of 1889.

Hinman, Rachel. 2012. The Mobile Frontier. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/mobile-design/

Sketching screen layouts, determining the screen flow, and taking your prototype on a test run with users are a few of the steps involved in creating a paper prototype.

Hinman, Rachel. 2012. The Mobile Frontier. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/mobile-design/

Scan or photograph.

Hinman, Rachel. 2012. The Mobile Frontier. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/mobile-design/

These stills from an NFL Mobile television commercial depict a great example of convergent experiences. Instead of camping out in his living room all day, the main character can be mobile and follow the big game from any device in his ecosystem.

Hinman, Rachel. 2012. The Mobile Frontier. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/mobile-design/

These storyboards depict how a new-to-the world mobile device concept might interact with other parts of a user’s device ecosystem.

Hinman, Rachel. 2012. The Mobile Frontier. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/mobile-design/

Wonder Twins, Mystique, and werewolves are examples of shapeshifters—a being (usually human) who has the ability to change its shape into that of another person, creature, or entity.

Hinman, Rachel. 2012. The Mobile Frontier. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/mobile-design/

Photo courtesy of Amy Lang.

Hinman, Rachel. 2012. The Mobile Frontier. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/mobile-design/

Coral reefs are considered to be complex marine ecosystems because the plant life supports the animal life and vice versa.

Hinman, Rachel. 2012. The Mobile Frontier. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/mobile-design/

These images depict stills from a concept video created in 2008 to communicate an application-less mobile interface concept. Instead of applications, the interface relies on the organizing principle of dynamic tiles.

Hinman, Rachel. 2012. The Mobile Frontier. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/mobile-design/

These stills from an NFL Mobile television commercial depict a great example of convergent experiences. Instead of camping out in his living room all day, the main character can be mobile and follow the big game from any device in his ecosystem.

Hinman, Rachel. 2012. The Mobile Frontier. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/mobile-design/

Apple’s email application is an example of activity convergence.Users can engage in the activity of reading and responding to emails from a variety of devices. Apple’s email application keeps all the experiences up to date and in sync.

Hinman, Rachel. 2012. The Mobile Frontier. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/mobile-design/

Before starting development of the early Palm Pilot, inventor Jeff Hawkins carried a block of wood, the size of the potential Pilot, in his pocket for a week to explore how the idea felt.

Hinman, Rachel. 2012. The Mobile Frontier. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/mobile-design/

Images from an ecosystem drawing exercise with research participants.

Hinman, Rachel. 2012. The Mobile Frontier. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/mobile-design/

Before the iPhone was the age of the Frankenphone. Mobile phones were so bloated with features that users struggled to figure how to make a simple voice call.

Hinman, Rachel. 2012. The Mobile Frontier. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/mobile-design/

twitter failed so badly with the #dickbar by putting business goals ahead of user needs, we created a special award in their honor called The Dicky, for worst mobile design.

 

Illustration by Andy Imamura

Yelp for the iPad is an example of a search/ find application. Users can find places to eat, shop, and drink. While there is additional functionality such as reviewing/rating venues and sharing photos, the key attraction for users is the ability to find nearby businesses.

Hinman, Rachel. 2012. The Mobile Frontier. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/mobile-design/

The Sleep Cycle alarm clock uses the accelerometer within the iPhone to wake users up at the right time to prevent grogginess during the day. Once the application determines you are in a phase of light sleep, it wakes you up.

Hinman, Rachel. 2012. The Mobile Frontier. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/mobile-design/

In this time it is very important that your website is mobile friendly responsive. It is not only for google also for visitor. So important what people think about your website. So Make your site mobile friendly responsive.

 

What you get on my GIG?

01. Responsive Design

02. Google Mobile friendly

03. W3C validation

04. CSS Validation

05. Nice mobile menu

06. Unlimited revision

 

What I need?

01. Your Website URL

02. Your Website FTP username and Password

etc.

So what are you waiting for? Buy and enjoy.

 

Order Here: goo.gl/A3SABF

The Android 3.0 Honeycomb user interface incorporates skeuomorphic design aesthetics in the rending of application icons and folders.

Hinman, Rachel. 2012. The Mobile Frontier. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/mobile-design/

Multitasker. For active tablet experiences where the user will likely be multitasking with other objects or devices, opt for placing the primary navigation at the top and/or bottom. Tablets used in this configuration are often resting on tables/desks/hard surfaces, making placement along the bottom of the screen a viable space for navigation and controls.

Hinman, Rachel. 2012. The Mobile Frontier. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/mobile-design/

With Apple’s Airplay technology, a video can be shifted from an iPhone or an iPad to a television.

Hinman, Rachel. 2012. The Mobile Frontier. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/mobile-design/

The double-diamond project model.

Hinman, Rachel. 2012. The Mobile Frontier. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/mobile-design/

Multitasker. For active tablet experiences where the user will likely be multitasking with other objects or devices, opt for placing the primary navigation at the top and/or bottom. Tablets used in this configuration are often resting on tables/desks/hard surfaces, making placement along the bottom of the screen a viable space for navigation and controls.

Hinman, Rachel. 2012. The Mobile Frontier. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/mobile-design/

Artist Masayo Ave’s haptic touch panel—The Sound of Materials.

Hinman, Rachel. 2012. The Mobile Frontier. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/mobile-design/

The iTunes/iPad Relationship: There’s an important interdependent ecosystem relationship between the iPad, the iTunes store, and iPad applications. Identifying and prioritizing relationships in a device ecosystem will help you design for the relationships that matter most.

Hinman, Rachel. 2012. The Mobile Frontier. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/mobile-design/

1 2 ••• 4 5 7 9 10 ••• 22 23