Posts Tagged ‘Prototyping’

We are pleased to present below all posts tagged with ‘Prototyping’.

50 Design Problems In 50 Days: Real Empathy For Innovation (Part 1)

I recently travelled 2517 miles to try to solve 50 problems in 50 days using design — a journey that would challenge me to fundamentally rethink my understanding of the user-experience design process.

50 Problems In 50 Days: Real Empathy For Innovation (Part 1)

I set myself a challenge. I wanted to test the limits of design’s ability to solve problems — big and small. To do this, I left the comfort of my computer chair and set out into the unknown. Each day, I had 24 hours to observe a problem, attempt to solve it and then communicate the solution.

Read more...

Creating Wireframes And Prototypes With InDesign

Hundreds of tools may be available for interaction designers, but there is still no industry standard for interaction design the way Photoshop and Illustrator are to graphic design. Popular programs are out there, but many of them have considerable drawbacks, which has led me to explore alternative apps.

Creating Wireframes And Prototypes With InDesign

I eventually chose Adobe InDesign for much of my preliminary interaction design work. Yes, you read that correctly: InDesign, a desktop publishing app originally created for designing books and magazines, is currently my tool of choice for designing low- to medium-fidelity wireframes and interactive prototypes.

Read more...

iOS Prototyping With Adobe Fireworks And TAP (Part 3)

In the previous parts of this tutorial (part 1 and part 2), we looked in detail at the building blocks of our design in Fireworks (pages, shared layers, symbols, styles), and we started to make a demo prototype in Fireworks.

iOS Prototyping With Adobe Fireworks And TAP (Part 3)

The demo prototype had six pages, linked together by hotspots, and each hotspot was customized for use with TAP. Now that the six-page Fireworks PNG file is ready, it’s time to prepare it to be exported as a click-through prototype and then converted (with the help of the TAP extension) to an animated, gesture-based prototype that we can use on an iOS device.

Read more...

iOS Prototyping With TAP And Adobe Fireworks (Part 2)

In the previous article in this series, "iOS Prototyping With Adobe Fireworks and TAP, Part 1: Laying the Foundation," I looked in detail at the four major stages that all of our projects at Cooper go through, as well as our approach to Fireworks PNG organization, and the main components of Fireworks (pages, shared layers, symbols and styles).

iOS Prototyping With TAP And Adobe Fireworks (Part 2)

Now we can start actually building the prototype. First, let me try to sum it up quickly: to create a “live” iOS prototype, you only need to perform the following six steps:

Read more...

iOS Prototyping With TAP And Adobe Fireworks (Part 1)

One of the strengths of Adobe Fireworks lies in its ability to produce basic-level prototypes in HTML format for the purpose of sharing concepts, evaluating them and conducting usability tests. But did you know that you can use Fireworks in combination with other tools to create complex iOS prototypes (for both the iPhone and iPad) with similar ease?

iOS Prototyping With TAP And Adobe Fireworks (Part 1)

In this series of three articles, you’ll learn how to use Adobe Fireworks together with another tool, called TAP, to create prototypes with animated transitions.

Read more...

Mobile Prototyping With Axure RP

Validating a design through user testing is necessary for the success of almost any product. And it’s even more critical in the mobile application space, where context and individual devices play an important role in how a product is experienced.

Fortunately, interactive prototyping is a time-tested way to quickly get your design onto a user’s device and into their hands. So, let’s look at why prototyping matters and explore one powerful tool that will enable you to do it quickly.

Read more...

Interactive Prototypes And Time-Savers With Adobe Fireworks

As interface designers, we’re often required to demonstrate the look and feel (and interactions) of the interfaces we design. We often begin with a series of flat images, and while these may be pixel perfect and show some amazing detail, they lack the context of the user experience.

Interactive Prototypes And Time-Savers With Adobe Fireworks

Without context, it would be difficult for your clients to understand the flow of an app or website in the way you originally planned it. The best way to introduce context is by adding interactivity. By providing an interactive prototype (or interactive mockup), your clients can play around with it to their hearts’ content to get an idea of how the app will work and to test the interactions.

Read more...

↑ Back to top