background preloader

A Collection of Printable Web Browser Sketching and Wireframe Templates

A Collection of Printable Web Browser Sketching and Wireframe Templates
All of the printable sketching templates that you will find below have all been designed specifically for web designers. Each of the sketching templates have an imprint of a web browser (they either use Safari, Chrome or Firefox) just waiting for you to wireframe or sketch your next design project. Each template is slightly different, most have various grid sizes, others are either blank or lined and some of them have allowed space to accommodate some note-taking. Below the free templates you will find a small selection of notepads and sketchpads (sorry, they are not free, pretty cheap though), again designed with the imprint of a web browser and all cool enough to merit a mention. Web Design Sketchbook The Web Design Sketchbook features a series of design and layout brainstorming pages with full browser chrome and grids to better plan how your site will look and operate when it is finished. You can view the printable templates below: Web Design Sketchbook Sketchbook Template Related:  WEBDESIGN

Infographie : Comment créer votre charte graphique Comme ce sont les fêtes de fin d’année, voici mon cadeau pour vous, fidèles lecteurs de Squid-impact (pour les autres, bienvenue et profitez-en aussi !). Cette infographie résume les grandes étapes de la création d’une charte graphique et quelques clés pour ses différents éléments : polices, logo, couleurs, … J’y ai ajouté quelques astuces et anecdotes qui, je l’espère, sauront vous intéresser. La création d’une charte graphique est une étape délicate. En complément, si vous êtes en plein développement ou refonte de vos outils de communication, je vous propose la lecture des ces quelques articles : – Préparer sa stratégie de communication– Les 7 éléments incontournables d’une communication réussie– Comment créer une charte graphique– Communiquer avec les bonnes couleurs : 10 choses à savoir

Five Indispensable Skills for UX Mastery By Jared M. Spool Originally published: Aug 03, 2010 For practicing User Experience Designers, one of the most important laws isn't Fitts's Law, which helps us understand how to design interactive elements. It's Sturgeon's Law, which tells us that 99% of everything is crap. Yet if we want to be really excellent at what we do, what are those essential skills? This is exactly the question we set out to answer as we studied the work of the master UX professional. Indispensable Skill #1: Sketching Someone once said that talking about design is like performing interpretive dance about architecture. A quick sketch about a design—what it will look like, how information flows from one place to another, how the users move between activities—often is the best way to get our ideas across. The masters we talked to gravitate to sketching easily. We're talking back-of-the-napkin quality stuff. We asked each master how they obtained their sketching skills. Sketching isn't hard, but it's a learned skill.

10 Free Wireframing Tools for Designers This series is supported by Ben & Jerry's Joe, Ben & Jerry's new line-up of Fair Trade and frozen iced coffee drinks. Learn more about it here. Wireframing is a crucial step in web design and development as it allows for rapid prototyping and helps to pinpoint potential problems early in the process. It can be invaluable to have a visual representation of content, hierarchy and layout. Wireframes make it easier to communicate ideas, reduce scope creep, cut down on project costs (due to fewer design revisions later), and enable greater upfront usability and functionality testing. This post highlights 10 of the best free wireframing tools available, including standalone applications, web-based tools and browser add-ons. If you're partial to a particular wireframing tool available for free download, let us know in the comments. 1. Mockingbird is a web-based beta software based on the Cappuccino framework to create, link together, preview and share wireframes of your website or application. 2.

GUI Stencils, Wireframing Kits and Sketching Templates for iPad App Designers It is fundamental that every app designer have a selection of pre-designed and editable UI elements that will allow them to optimize, organize and speed-up work-flow. To help streamline your iPad design work, we have put accumulated a comprehensive selection of iPad specific GUI Kits & Stencils, Wireframing kits, Sketching Templates and fully editable PSD templates that will allow you to rapidly prototype beautiful designed apps. We have also previously published a post that focuses on iPhone GUIs and Stencils, you can view that post here: iPhone Development GUI Kits, Wireframe Stencils and Icons → iPad GUI Design Stencils iOS Design Stencils (OmniGraffle) All of the stencils have been originally created by hand from native or custom created OmniGraffle shapes and grouped for ease of use. the stencils can be easily scaled to new point resolutions and exported to any vector formats supported in OmniGraffle. iOS Design Stencils → iPad Stencil (Omnigraffle) iPad Vector GUI Elements (AI)

5 erreurs d'ergonomie qui font chuter le chiffre d'affaire de votre site web Vous avez un site web et un peu de trafic, mais personne n’achète vos produits ? Vous vous demandez comment faire pour augmenter vos ventes via internet et maximiser votre chiffre d’affaire ? Il vous faut d’abord comprendre pourquoi vos visites ne se transforme pas en vente. Voici 5 erreurs commises par 95% des vendeurs sur la toile. Erreur 1 : Trop de distractions sur vos pages Lorsqu’un internaute arrive sur une page produit ou mieux encore sur la page de paiement, tout ce que vous souhaitez c’est qu’il achète le produit, autrement dit qu’il l’ajoute au panier et conclut la transaction. Un autre exemple: demander à l’internaute de partager la page produit sur Facebook ou Twitter. Erreur 2 : Un système de paiement trop compliqué Je suis parfois atterré de voir la confusion de certains systèmes de paiement. Erreur 3 : Aucune instruction donnée à l’internaute Erreur 4 : Une offre pas assez claire Au-delà de ça, le côté spécifique de l’offre est important aussi. Soyez beaucoup plus précis:

50 Sketching Resources for User Experience Designers | inspireUX - User Experience quotes and articles to inspire and connect the UX community 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 Sketching Templates Presentations about Sketching Sketchboards: Good Design Faster: (PDF) Brandon Schauer shares his sketchboarding presentation from the CanUX 2008 conferenceSee -> Sort -> Sketch: Pen & Paper Tools to get from Research to Design: Kate Rutter’s workshop slides from the 2010 IA Summit.Talking About Sketching About Interacting: Christopher Fahey discusses the sketch “resolution spectrum” and how sketches can communicate your thinking. Videos about Sketching Books about Sketching Sketching Examples Catriona Cornett View My Portfolio Follow Me:

IxEdit iOS Mobile Patterns Library Important: If you like what we do, please consider supporting our site with a donation. pttrns Vine - Make a scene Capture Ultravisual Capture Foodspotting Capture Facebook Poke Capture Instagram Capture Facebook Camera Capture Wood Camera Capture Grid Lens Capture Hipster Capture Vimeo Capture Camera Plus Capture Jelly Capture Lootsy Capture Camera Awesome Capture Batch Capture Everyday Capture Prev 1 2 Next Un design original pour le site événementiel de la CNAV L’Union sociale pour l’habitat, la Caisse nationale d’assurance vieillesse (CNAV) et la Caisse des dépôts créent le prix « Hlm, partenaire des âgés », destiné à récompenser les meilleures initiatives des organismes Hlm en faveur de la transition démographique. Dans ce cadre, la CNAV a fait appel à Indexel pour réaliser un site web qui présente le concours et permette de déposer un dossier de candidature en ligne. Afin de répondre à l’objectif de la CNAV, Indexel a préconisé un site one page plutôt qu’un site web classique. L’avantage ? La possibilité de scénariser la page pour raconter une véritable histoire. Le contenu proposé – simplifié – permet d’aller à l’essentiel et de ne pas perdre l’internaute. « Bravo à l’équipe Indexel qui a bien compris les enjeux et les objectifs de ce projet. Smiljka Grkovic,Chargée de communication externe, la CNAV

User Experience Books for Beginners A request for help. Through @uxbooks, my twitter feed for all things UX book related, I regularly get asked to recommend books to people and more often than not, it’s to suggest entry-level publications. Normally, when I’m feeling particularly lazy, my default response is to point them in the direction of Steve Krug’s seminal book Don’t Make Me Think. Although deserving of the praise it’s received, I thought it might be a touch unfair to only ever line Mr. Krug’s pockets, so I’ve put together this list of books by other authors just as deserving as Steve to give me a place to point people in the future. If you’re a seasoned UX professional, chances are you’ve heard of most of these books; in fact you’ve probably read, re-read, lost/sold/given-away, re-bought, and read them again just for old times’ sake, but hopefully there are a couple included that you may not have seen or considered reading before. A Project Guide to UX Design (by Russ Unger and Carolyn Chandler) Bill Gates About Face 3.