iPlotz: wireframing, mockups and prototyping for websites and applications
http://www.iplotz.com/index.php
iPlotz offers a Web-based tool for quickly sketching wireframes of Web sites and demonstrating navigation between pages.
create mockups of your website design
test drive websitesUser Experience Deliverables
Mockups To Go A user-contributed collection of ready-to-use UI components and design patterns built using Balsamiq Mockups.
A user-contributed collection of ready-to-use UI components and design patterns built using Balsamiq Mockups.Eclipse plug-in for creating wireframes and screen mockups - WireframeSketcher
WireframeSketcher is an Eclipse plug-in for creating wireframes, screen mockups and UI prototypes.
WireframeSketcher is an Eclipse plugin for creating wireframes, screen mockups and UI prototypes. * Create UI mockups in no time * Communicate your intent * Get feedback * Build better software!
an Eclipse plugin for creating wireframes, screen mockups and UI prototypesHet webdesign schetsboek - Webdesign Inventis Web Architects
Mockup grids for the 960 framework with a browser bar.
Sketchbook à imprimer avec entête de navigateur et grille20 Steps to Better Wireframing | Think Vitamin
Hmmm, I haven't tried Balsamiq. Is it any good, I wonder?RapidRabb.it - Accelerate your Prototyping
OmniGraffle Wireframe Icons
Great set of icons!Get Wireframing: The All-In-One Guide | Hi, I'm Grace Smith
Wireframing is a great tool to incorporate into your projects as it allows for rapid prototyping and helps to pinpoint any potential problems. I personally find it invaluable on projects to have a visual representation of content, hierarchy and layout. Overall it’s an excellent step to incorporate into your project before the design process begins for both you and your clients.The Importance of Wireframing — 45royale Inc. — A web design studio in Atlanta, Georgia
an giadaptive path » blog » Dan Harrelson » Rapid Prototyping Tools
See list of Prototyping Tools. Most are paid. Real tools are: 1. Axure RP Pro 2. RapidRabb.it The rest are BS i.e. Flex, Flash, Visio, Dreamweaver etc etc16 Design Tools for Prototyping and Wireframing [Design Practice]
Prototyping and WireframingWall of Deliverables
(projeto EAD - px)I ♥ wireframes
Presentations, videos, photosEightShapes Unify
Templates for deliverables such as document starting points, element libraries and page libraries.The Evolution of a Website Design | Think Vitamin
Germ - thought you might enjoy this as much as I did
Last week I was presented with a design brief. It was to design and build a site to promote our new Stack Overflow DevDays event that’s happening this October. Ryan gave me a rough wireframe detailing the content that needed to be included. The layout and design was down to me. As usual I didn’t have a bloody clue where to start… and I didn’t have long to do it. The initial hope was that I get it all done in just over 2 days. So I thought it might be interesting to share with you the various stages of design the site went through before arriving at the finished design. Here’s the wireframe Ryan put together for me wireframe Ok so here goes. Stage 1 Stage 1 Stack Overflow DevDays is mainly gonna be a US tour + a gig in London. So I want a map or something to show where the dates are gonna be. I was going to use a flat map but decided a globe was cooler. I drew the globe based on one I bought from istockphoto.com (Note: Dates and cities shown in these designs were just provisionalThe future of wireframes? | Made By Many - London based next generation social media digital agency
I have a love hate relationship with wireframes. In the last 10 years they’ve been a part of every web project I’ve worked on. There have been times when I can’t imagine how we would have solved a particular problem without them. Yet there are also times when I’ve been completely exasperated at the amount of time and energy they’ve consumed, seemingly to very little reward.
I have a love hate relationship with wireframes. In the last 10 years they’ve been a part of every web project I’ve worked on. There have been times when I can’t imagine how we would have solved a particular problem without them. Yet there are also times when I’ve been completely exasperated at the amount of time and energy they’ve consumed, seemingly to very little rewa
I have a love hate relationship with wireframes. In the last 10 years they’ve been a part of every web project I’ve worked on. There have been times when I can’t imagine how we would have solved a particular problem without them. Yet there are also times when I’ve been completely exasperated at the amount of time and energy they’ve consumed, seemingly to very little reward. This frustration has forced me to change the way that I approach wireframes. And as my approach has changed, I’ve been able to extract more and more value from black key lines and grey boxes…FlairBuilder - Interactive Wireframes and Software Prototypes
FlairBuilder is a cross-platform tool for rapid authoring of interactive wireframes and software prototypes.Wireframe Magnets (DIY Kit) | Konigi
ウェブパーツ
Make your own laminated magnets of UI elements for putting together and markering with text. Obviously isn't faster than just hand-drawing, but certainly looks more polished, ...and would be fun.The 7 wonders of wireframes « Boagworld
.Using Wireframes to Streamline Your Development Process | Webdesigner Depot
Creating a wireframe is one of the first steps you should take before designing a website. A wireframe helps you organize and simplify the elements and content within a website and is an essential tool in the development process.
Infromación para generar wireframes, muy utiles para los proyectso web...The Importance Of Wireframes In Web Design And 9 Tools To Create Wireframes | Onextrapixel - Showcasing Web Treats Without Hitch
When presenting any kind of information on a page, avoid overwhelming your visitor with too many choices. Its best to use no fewer than 3 and no more than 7 groupings of elements.
The Art Of Applying Rule Of Five Plus Or Minus Two For An Effective Wireframe |Napkee - make your mockups come alive
Napkee lets you to export Balsamiq Mockups to HTML/CSS/JS and Adobe Flex 3 at a click of a button. * Balsamiq's perfect companion * No coding skills required * Pays for itself after one use launch price 79 dollars Napkee Install it, Version 1.0.6 (August 5th, 2009) - problems downloading? By installing this software you are agreeing to Napkee Labs' End User License Agreement Try it, Once you have installed Napkee you can try it for as long as you want. Import Balsamiq Mockups files (BMML) and see all the features of Napkee. The export functionality is the only thing that is not working in the free trial, but you can enable it by buying Napkee! Buy it! $79/user Tried and liked what you see? To unlock the export feature just follow the instructions on the buy it page. We are also giving out licenses for free.••• hello | Hot Gloo •••
Hot Gloo is designed by IA's for IA's. With the help of the elements you can create a whole world out of wireframes. Just drag and drop, scale, link, name and rename them - it's super easy and intuitional.
Sitio para hacer wireframes
Para hacer wireframes de sitios webForeUI - Easy-To-Use UI Prototyping Tool
software de prototipos de software
Quick Wireframe Prototype ForeUI can rapidly create wireframe prototype of your software or website by dragging predefined elements to the plot. You can also customize your own elements. More...
EaSynth ForeUI is an easy-to-use screen mockup tool, you can use it to create prototype of software or website.
原型制作工具,比较有意思Android GUI PSD Vector Kit | Freebies | Smashing Magazine
"In this post we release Android GUI Starter Kit, a set that comes with several button elements as well as different interface options for Android GUI."
In this post we release Android GUI Starter Kit, a set that comes with several button elements as well as different interface options for Android35 Excellent Wireframing Resources | Developer's Toolbox | Smashing Magazine
Create and collaborate interactive mockups for your software and websites.Pwireframing: Paper Wireframing - mStoner - Blog
근데 꼭 이렇게까지 해야하나?
an article on how to wireframe using good old paper.JustProto - Prototype your world!
Online, diagramas de processo, elementos padronizados, bom controle de texto, poucos eventos interativos.Why Your Next Website Should be Designed with Wireframes | Build Internet!
Getting a design to click can take time. In many cases, it takes several rounds of revisions to even get to an effective starting point. What can you do to give yourself a better chance at designing something great sooner?Integrating Prototyping Into Your Design Process - Boxes and Arrows: The design behind the design
Grand Theft Auto: Chinatown Wars is one of the most subversive, provocative video games of recent years. It may also be one of the most important, not because of its content but because of how it is delivered.Briefs: A Cocoa Touch Framework for Live Wireframes
Let's you use a wide variety of wireframe/mocks/protpe graphics to begin testing your app a bit before going to the full development phase.
Sounds like this could be a killer app for designers.
A Cocoa Touch Framework for Live Wireframesadaptive path » blog » Dan Harrelson » Rapid Prototyping Tools Revisited
Wireframes are the blue prints that define and allocate a Web sites content and behavior. They are not bound by colors, fonts, and anything that may surface on the site as part of any content.
Inhoud rammelt wat, voorbeelden zijn okayMockingbird
Mockingbird is an online tool that makes it easy for you to create, link together, preview, and share mockups of your website or application.A Collection of Useful Web Design Wireframing Resources : Speckyboy Design Magazine
Browser windows, UI elements and more essentials. Good resource post.
Browser templates for wireframing
Essential. It has safe area templates, browser templates, OS Form Elements, buttons, iPhone GUI Elements, Wireframing icons and even proof reading marks.
There are templates for, possibly every browser in every size, there are form and button templates for all browsers and a hell of a lot more.Design View / Andy Rutledge - Where Wireframes Are Concerned
While there remain certain specific contexts where it is advisable to craft and present wireframe layouts for client evaluation and approval, this practice is often a really bad move and one made at the wrong moment in the design process, and for the wrong reasons. Wireframes can be useful, valuable artifacts for informing the designer’s process. But they often fail miserably as a first-step deliverable for clients.
Design View | Articles and opinion on design professionalism, technique and culture by Andy Rutledge
before you create a wireframe for client evaluation and approval, ask yourself: how will this help my client in the project process? Again, evaluate your answer carefully before you decide to craft a wireframe for your client’s evaluation …and before you commit to do so as a part of the project deliverables. Context matters.
Some good points here. Sometimes wireframes are necessary, but other times they get in the way.Free Sketching & Wireframing Kit
Sketching & Wireframing kit is a free set of elements for sketching and wireframing. It consist of form elements, icons, indicators, feedback messages, tooltips, navigation elements, image placeholders, embedded videos, sliders and common ad banners.10 Beautiful Sketches for Website Prototypes – woorkup.com
When you start designing a new website it’s very useful to sketch out a first idea of page layout using paper and stencil. This approach help you define easily a working draft of the final version of your website. In general this is a top-down process: you can start sketching first the main sections and then adding more details progressively. In this post I want to suggest you some interesting examples of beautiful sketches for website prototypes for your daily inspiration.geekchix.org - Ivana Jurčić – Lilit » Blog Archive » A Collection of Printable Sketch Templates and Sketch Books for Wireframing
Blog for designers with useful resources - templates,
esto le gustaría a @kmerino10 Completely Free Wireframe and Mockup Applications : Speckyboy Design Magazine
10 Completely Free Wireframe and Mockup ApplicationsSketchy Wireframes - Boxes and Arrows: The design behind the design
Omnigraffle has some empty circles here
explanation of pros & cons of sketching wireframes vs. computer, plus computer apps that look sketchy. p: Sketchy wireframes allow practitioners to guide creativity and problem solving in the early stages of projects, rather than getting lost in a sea of documentation. Hopefully, this trend will continue as software manufacturers focus on enhancing their tools for creating computer-based sketchy wireframes.
"...there is a growing trend toward hand-drawn [wireframe] styles, as evidenced by an expanding amount of literature and workshops on the subject. This is a positive step in the evolution of our field. Sketchy wireframes allow practitioners to guide creativity and problem solving in the early stages of projects, rather than getting lost in a sea of documentation."
Describes a alternative for user interface wireframes between computer-generated boxes and handdrawn versions. "Computer-based sketchy wireframes. These allow computer wireframes to look more like quick, hand-drawn sketches while retaining the reusability and polish that we expect from digital artifacts." Lists popular tools and how well they support sketchy wireframes. Author: Aaron Travis, Boxes and Arrows website, Dec. 5, 2009.Gliffy - Create a Website Wireframe with this Free Wireframe Tool. Gliffy Free Web Wireframe Software!
Create a Website Wireframe with this Free Wireframe Tool. Gliffy Free Web Wireframe Software!
gliffy.com: create website wireframeHow wireframing makes your website designs better
Planning and communication are two key elements in the development of any successful website or application. And that is exactly what the wireframing process offers:Guidelines, Tools and Resources For Web Wireframing | W3Avenue
For those who are looking for my slides from the Puget Sound SIGCHI lecture and for those who missed it but are curious, here is my presentation. It focuses specifically on my personal process for creating wireframes. There are 4 parts to my process, each has a series of deliverables that feed into it and principals I try to keep in mind, the outcome is either a single or a series of IA deliverables. My overall strategy for IA is 3 step process; understanding the problem (note: not merely identifying the problem but really understanding it), find a solution (there may be more than one solution, but there is often only one right solution), and present the solution (a large part of your job as a IA is presenting your work so the client can understand the results).iA » iPad Stencil for Omnigraffle
This is the first version of an OmniGraffle template for folks designing iPad apps.Free Web UI Wireframe Kit | Fuel Your Interface
Minimal Icons BW15 Desktop & Online Wireframing Tools | UX Booth
mocking web pages., wireframesLumzy
ブラウザ上でモックアップを作る
Mockup and prototype tool
Lumzy is a Mockup and Prototype creation tool for websites and applications.Sketchbooks of a Web Developer | LOOKS GOOD Design Magazine
te by Nathan Smith
设计好东西Free Printable Sketching, Wireframing and Note-Taking PDF Templates - Smashing Magazine
Free Printable Sketching, Wireframing and Note-Taking PDF Templates10 Excellent Tools for Creating Web Design Wireframes | Tools
Wireframe kit for Google Drawings & why it's better than Omnigraffle & Visio - http://bit.ly/aK9UVnThe future of wireframes? « Made by Many
I have a love hate relationship with wireframes. In the last 10 years they’ve been a part of every web project I’ve worked on. There have been times when I can’t imagine how we would have solved a particular problem without them. Yet there are also times when I’ve been completely exasperated at the amount of time and energy they’ve consumed, seemingly to very little reward...
It’s time designers stepped up to the plate and claimed wireframes as their own.18 Wireframing, Mockup And Prototyping Tools To Plan Designs | Graphic and Web Design Blog
Cool tutorial on using Google Docs for creating mock-ups.
Official Google Docs Blog18 Great Examples of Sketched UI Wireframes and Mockups | Inspiration
18 Great Examples of Sketched UI Wireframes and Mockups
手書きのワイヤーフレーム。まとめ。10 Free Printable Web Design Wireframing Templates | Freebies
RT @ppixels: Useful: 10 Free Printable Web Design Wireframing Templates http://j.mp/cT1ruS
VýběrWireframe Showcase - Home
RT @ppixels: #Webdesign Wireframe Showcase http://j.mp/9PPurSKeynote Wireframe Toolkit - Get your Keynote Kung-Fu on
How to make wireframes using keynote.
线框图工具包Make more of your mockups - Mocksup
nice application which turns static designs into clickable prototypes.Make more of your mockups - Mocksup
nice application which turns static designs into clickable prototypes.20 Free Web UI Element Kits and Stencils :Speckyboy Design Magazine