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:  HCIData visualization, infografica, mindmappingweb designPMTemplatesArtGuides

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. 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”.

10 Great Free Stock Photo Sites For Designers - Design Crawl Free Stock Photo Sites I’ve been a designer for over a decade, and I can tell you that one of the toughest things has always been finding the best photos for my design projects. The image you use means everything, and it’s a no-brainer that images get expensive. When you can find stock photos for free, it’s a great way to keep more profits in your pockets. That’s why I put together a collection of the 10 best free stock photo sites for designers.

Behind The Scenes of the Web Design Process [INFOGRAPHIC] (click image to enlarge) Share the INFOGRAPHIC On Your Site, Copy The Code Below: <a href=' target='_blank'><img src=' alt='Periodic Table of Web Design Process' width='540px' border='0' /><br /><strong>Periodic Table of Web Design Process – created by <a href=' target='_blank'>New Design Group</a></strong></a> Looking for a PDF version?

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

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 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:

Top 20 Web Apps to Create Picture Quotes and Meme Posters - Colour My Income It is a fact, images and video clips get shared more often (and sometime without much hesitation) on social media platforms, be it Twitter, Facebook, Google+ or Pinterest. Text doesn’t quite do it anymore. If you are trying to achieve that viral effect, then you have got to try one of these apps to create picture quotes and meme posters. We trawled the web and tried the different web tools that lets you create and save your own picture quotes and meme posters for free.

Front-End Dev guidelines Overview This document details the guidelines and standards adhered to by the Creative Technology department at TMW, and all web applications built should take these into consideration. It is an evolving document and should be reviewed as and when required to keep up with changes in technology and best practice. These guidelines have been compiled looking at various previously written guidelines - credit goes to Isobar and CSS Wizardry both of which have been used as foundations to build upon for this document, and in some sections been directly quoted. Contents

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.

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.

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

20 Tools To Make A Web Developer's Life Easier If you work as a web developer nowadays, you're sure to have your work cut out for you. The influence the Internet has in our everyday lives is undeniable, therefore it is natural for all businesses and organizations to have a strong presence online. This means that there's a lot of pressure on web developers and designers to produce impressive results in as short a period of time as possible.

What is a Work Breakdown Structure? Examples of a WBS written by: Ann Gordon • edited by: Michele McDonough • updated: 10/24/2014 A Work Breakown Structure (WBS) is used for breaking down a project into easily manageable components, or bites. Here we'll break down the process for you, making it easy to use these structures in your project planning. Company owners and project managers use the Work Breakdown Structure (WBS) to make complex projects more manageable. The WBS is designed to help break down a project into manageable chunks that can be effectively estimated and supervised.Some widely used reasons for creating a WBS include:Assists with accurate project organizationHelps with assigning responsibilitiesShows the control points and project milestonesAllows for more accurate estimation of cost, risk and timeHelps explain the project scope to stakeholdersA work breakdown structure is just one of many project management forms. What is a Work Breakdown Structure?

Related:  Graphic DeisgnWeb Development