prototyping
Get flash to fully experience Pearltrees
MockFlow: Wireframes in Minutes
Wireframes are a crucial part of the web design process, especially if you’re working with a team. A wireframe makes it possible to discuss the design before having to invest time and money into the creative aspects — time and money that might be wasted if a significant change is made to the design. Taking wireframes online is a logical next step: if you’re working with a team distributed around the world, having an online application just makes sense. MockFlow is that application.
Wireframing is one of the most valuable parts of any web design project. It can save a designer tons of time by hashing out the details of a site’s architecture, functionality, and content prior to actually starting a visual design. But if done inefficiently, it can end up costing more time and can even create bigger headaches for both the client and the designer. Here are more than twenty wireframing articles, guides, and tutorials to help you improve your wireframing process. There’s information on everything from paper wireframing techniques to using programs like Adobe Illustrator for the wireframing stage of your designs.
35 Excellent Wireframing Resources | Developer's Toolbox |
OmniGraffle Wireframe Stencils | Konigi
Modified all form and controls elements for color consistency. Added the following: sliders, new form icons, tag clouds and lists, a-z lists, IAB advertising units, iphone chrome, web browser chrome.
As interfaces become ever more complex and development schedules seem to get shorter and shorter, you may find it useful to give up your user-interface modeling software for awhile in favor of something simpler. All you need is paper, pens, scissors, and your imagination. Everyone loves paper Just as a political party aims to be a “big tent,” product development teams should seek input from as many people as possible during the early part of a project’s design phase. Though HTML prototypes can be useful, they can also discourage those who are unsure what the medium is capable of.
A List Apart: Articles: Paper Prototyping
Over the last year, I’ve noticed more and more conversations about prototyping as a method of approaching web application development. Beyond casual conversations, prototyping has also increasingly been the topic of blog posts or subject matter for conference presentations. The reasons for this increased interest include a laundry list of benefits that prototyping can bring to the process of developing compelling web applications. Ranging from increased collaboration to more effective solutions, these benefits have made prototyping a valuable new approach to consider for your next project. Wireframes: square peg, round hole One of the obvious developments in the web application world that has made prototyping approaches more attractive has been the rise of Ajax and rich internet applications (RIAs).