background preloader

A Collection of Printable Sketch Templates and Sketch Books for Wireframing

A Collection of Printable Sketch Templates and Sketch Books for Wireframing
At the beginning of a web (or application) development project I always create the sketches first. While sketching can be done on a blank paper, it’s much better to use a sketch template. For me that is the best and most productive way to work on and improve my ideas before application development begins (and things get more complicated :-)). This way I won’t pay too much attention to some details that should be taken care of later, but stay focused on general layout and functionality. Below you will find more than 20 resources that you can use in sketching phase of application development. If you have some additional resources to share, please leave a comment so I can add them to the list. And, of course, don’t forget to share your wireframes on I ♥ wireframes :-) Printable sketch templates for websites These are some pretty good, printable sketch templates for website design. Browser Sketch Pad (PDF) Browser Sketch Pad by Design Commission — see original source 960 grid template Graph paper

http://www.geekchix.org/blog/2010/01/03/a-collection-of-printable-sketch-templates-and-sketch-books-for-wireframing/

Related:  Data visualization, infografica, mindmappingHCITemplatesArtGuides

Information Visualization Manifesto Posted: August 30th, 2009 | Author: Manuel Lima | Filed under: Uncategorized | – “The purpose of visualization is insight, not pictures” Ben Shneiderman (1999) – Over the past few months I’ve been talking with many people passionate about Information Visualization who share a sense of saturation over a growing number of frivolous projects. The criticism is slightly different from person to person, but it usually goes along these lines: “It’s just visualization for the sake of visualization”, “It’s just eye-candy”, “They all look the same”. How To Write a Product Feature Set One of the key benefits of a product feature set is that it helps communicate your product vision with others, such as your team or investors. In this article, I'll teach you how to structure your product feature set and what should be covered in such a document. Along the way, I'll try to convince you of the value of writing a product feature set.

50 Sketching Resources for User Experience Designers Sketching is a critical part of the User Experience Design process. Sketching allows us to explore ideas and iterate on concepts quickly and easily before creating detailed mockups. Below is a roundup of many different sketching articles, tools, templates, presentations, videos, books, and examples to help User Experience Designers learn more about sketching and how it benefits UX design. Articles about Sketching Sketching Tools

Inspiration Web Design Inspirational Cocktail #86 inShare1 Nowadays, the development of new site designs is not standing on the same place. Web designers use various tools, their skills and when they get inspired they create a new masterpiece. 50 Viral Images Part Two My original 50 viral images (and how they spread) post turned out to be extremely successful and was read quite a few times to say the least. I was surprised so many people were interested as the images in there had already been passed around social media to death. With that said, I failed to consider most people don’t spend nearly as much time on the web as I do. Seeing as the first viral images post was published June 15, 2008 we’re passed due for a fresh one. Again, as I said in the previous post:

15 common mistakes designers make Although we don't like to admit it later on in our careers, when we start making our way as designers, we make a lot of mistakes. Once you're working in a creative agency you quickly learn that there are a lot of things you should not do. Here I've compiled a list of common design mistakes for you to be aware of. Although I've committed most of these crimes myself, I have learned from them and hopefully they can help you too... 01. Not understanding the brief Designers Guide to Web Performance Optimization – Jon Yablonski Why Performance Is Important Web performance optimization is important because it directly impacts user experience and page metrics. You can pack as many micro-interactions, animations and beautiful images you want into a page — if the page is slow, the user will likely never see them.

CatsWhoCode.com So, you’ve spent some time building your e-commerce brand. You’re making a handful of sales each month, but it’s not taking off the way you hoped it would. You do a little digging into your analytics and you learn people who spend 20 minutes on your site almost always buy something. But those who check out just one or two pages, well, they don’t stick around long enough to spend any money. What gives? Being faster and more efficient is the goal of all web designers and developers. 50 Viral Images (and how they spread) Viral videos are ubiquitous – they have spread into both mainstream pop culture and corporate America. Everyone talks about developing viral videos, and there are plenty of techniques you can use to give your video the best chance of success. But, something not talked about as frequently are viral images. Viral images predate viral videos, and have been around since the AOL and Prodigy days when there wasn’t enough bandwidth available for the everyday user to access video. Images can be spread on the web through several means, and they criss-cross back and forth between: Message-boards and forumsBlogsEmails (inter-office, personal and mass emails to all your friends)Social networksBasic HTML Web sitesCompany intranets

About Interaction The theoretical part of HCI is very rich. There are plenty of guidelines, principles, theories and laws that constitute universal truth designers can depend upon. The first three are in general concrete and usually proposed by gurus and experienced designers, while the laws are more abstract and mostly discovered by experiments. However, many laws are misunderstood or misused by designers.

A Practical Guide To Convert Your Sketches To Working Prototypes Hi Yaroslav! What’s your toolkit to design, prototype, etc.? Even though occasionally I still use photoshop and illustrator, my main tool set includes: Balsamiq Mockups — For very rough wireframes. I think this is a pretty good tool to start with right after information architecture was decided on. It’s fast, simple and clickable if needed.Sharpie and paper — For rougher wireframe, especially considering I’m not good at hand drawing.

Seamless Pattern Background Designs 23 Oct 2013, 18:01 Hi, and thank you for sharing your wonderful pattern creator. I'm getting the hang of it, but there is one option that I cannot figure out how to use. I go to Pattern Cooler home and select a pattern that I want to edit (colors). I click the option to edit colors but the editor never comes up. It seems as though it gets stuck and never gets to the editor. Pictogram rock posters This is my most ambitious, and maybe also the best, personal work I’ve done so far. I decided to pick a few bands and artists from the rock genre and make pictogram posters for them. Instead of just putting one single pictogram in each poster, like in my previous ‘Pictogram music posters’, I made as many as I could possibly come up with for each artist, and jammed them into one single poster. There is a total of 234 song pictograms in these posters.

5 Principles of Persuasive Web Design 366inShareinShare What’s the best way to persuade somebody when talking to them? You have to be confident, talk fast and swear a little, among other things. But what about persuading somebody without words – possible? You bet.

Related: