Paper Prototyping UI Elements Kit
This paper prototyping kit from Userfocus will help you to avoid redrawing the same UI elements over and over.
When it comes to iterating on a paper prototype as I refine the design, my favorite tool is Blu-Tack. I'll draw out the different elements of a page on separate pieces of paper and blu-tack them to the main sheet.
This makes it easy to change my mind without having to continually redraw UI elements that I'm happy with. Plus, it has the added advantage of making the whole thing feel like a school craft project. And you get funny looks from people passing your office.
When it comes to converting paper prototypes into proper wireframes, I've been trying out Simulify. The website as whole certainly doesn't have the best design, but the tool is full-featured and works well. Plus, it actually has a usable free plan for smaller projects.
As an alternative, Mockflow appears to have a pretty decent free plan also.
Posted on: December 14, 2010 | 4 Comments
Recent Entries in "Tools & Resources"
- Forbes Doesn't Care About the User Experience (0)
- Easily Create iOS and Android App Store Badges (0)
- 15 Online Tools for Creating Great Content Ideas (1)
- Web Design Trends to Help You Spring Clean Your Resumé (7)
- Looking to Hire an Email Marketing Manager (0)
- Create Awesome Article Headlines in Seconds with the Content Idea Generator (23)
- Two Great Guides to SEO for Large Websites (1)
- Lessons Learned from Launching an Online Store on Magento (1)
- Pagination Design Showcase (0)
- Best Practices for Writing Email Subject Lines [Infographic] (0)
- 30 Call to Action Examples that are Better than Learn More (5)
- 50+ Examples of Highly Optimized Landing Page Design (24)
- Components of a Great Website Footer (0)
- Login Form Showcase: 65+ Examples of Login Form Design (0)
- CSS Rounded Corners 'Roundup' (65)
- Using a Background Image Grid to Lay Out Your Web Site (43)
- Typography for Headlines (20)
- How to Get a Job in the Web Industry (24)
- How to Create a Block Hover Effect for a List of Links (32)
- How to Write a Web Site Creative Brief (6)
- Don't Make Me Think: A Common Sense Approach to Web Usability
- Web ReDesign 2.0: Workflow that Works
- White Space is Not Your Enemy: A Beginner's Guide to Communicating Visually through Web Design
- Basics of Web Design: HTML5 and CSS3
- Adaptive Web Design: Crafting Rich Experiences with Progressive Enhancement
- Prioritizing Web Usability
- The Web Designer's Idea Book: The Best Themes, Trends and Styles in Website Design
- The Principles of Beautiful Web Design
- Convert!: Designing Web Sites to Increase Traffic and Conversion
- HTML and CSS: Design and Build Websites
- View more recommended reading…
4 Comments Posted
thanks for the post. nice resource.
1. Posted by max on December 15, 2010
Nice Post its really give alot
2. Posted by Mohammad Danish on January 22, 2011
very interesting i shall be checking that out
3. Posted by web design dorset on February 06, 2011
good informative post.
4. Posted by Futuretrend Training Academy on February 08, 2011