An Overview of Prototyping and Interactive Design
Tweet
“In the broadest sense, all kinds of design artifacts are prototypes. Pencil sketches, blocks of wood, storyboards, wireframes, foam-core models, pixel-perfect state renderings, clickable demos, and functioning production code are all strategies for representing a thing being designed. However, in the world of interaction design, we usually reserve the term for ways of representing interactivity—not just the form but also behavior. For the purposes of this article, therefore, I’m going to focus on things that both look (at least somewhat) like the thing being designed and simulate a response to human actions (clicks, taps, selection, and navigation), even if the simulations are crude or fairly limited…”
From Adobe’s Developer Connection. This is a clearly written, easy to understand, overview of prototyping for interactive design, what prototyping is, how it’s done, and its limitations. Includes a link to an interesting article about how to use Adobe’s Fireworks to create prototypes.
- Latest Stories
- Popular Articles
- Popular Stories
- How to Pick an Online ECommerce Shopping Cart: 6 Carts Reviewed
- How to Code HTML Email Newsletters
- How To Create An Editorial Process To Publish Web Content
- How to Protect Your Website Images
- How To Do Basic Search Engine Optimization for Web Pages
- How To Easily Edit DNS Zone Files To Configure Email Servers
- How To Evaluate and Hire Programmers, Without Being A Programmer
- Browse all articles
- How To Create An Editorial Calendar to Publish Blogs, Facebook Fan Pages, Twitter, and Email Newsletters
- WorkingPoint Easily Manages Your Business Accounting
- Email Newsletters Get More Social
- How to Add Background Images to Email Newsletters
- Contrast is King in Design
- New Search Site Aggregates Personal Data
- Quick and Dirty Remote User Usability Testing
- The Social Media Landscape in Charts
- Resources: CSS Frameworks, PSD to HTML, Text Editors
- How To Code HTML Email Newsletters (All New Version)
- How To Code HTML Email Newsletters (All New Version) - 309,956 views
- How To Easily Edit DNS Zone Files To Configure Email Servers - 31,315 views
- How To Create An Editorial Calendar to Publish Blogs, Facebook Fan Pages, Twitter, and Email Newsletters - 24,306 views
- How to Protect Your Website Images - 23,243 views
- How to Pick an Online ECommerce Shopping Cart: 6 Carts Reviewed - 20,409 views
- B2B Buyers Have Very High Social Media Participation - 16,783 views
- The Big, Bad List of Search Engine Optimization Questions to Ask - 16,720 views
- Who’s Your Coding Buddy? - 16,694 views
- How to Deal with Internet Explorer 6 (IE 6) - 16,693 views
- About tweetCC and Why Licensing Your Twitter Tweets Matter - 16,665 views
Great Online Communities to Explore
Community MX - Web Design with Adobe twist
IxDA - Interaction Design
Boagworld - Web Design
SitePoint - Web Design, Coding
The Content Wrangler - Content, Content, Content
@TypeTweets - Twitter for Type-o-philes
Webmasterworld - Web Design
Get the Email Newsletter: Keep Up To Date
Stories, links, and more emailed to you every few weeks!
Connect With Us Online
We provide low-cost, how-to internet marketing information for individuals, businesses, and groups, as well as the people who support them. Learn more