UX Myths 52 Weeks of UX linowski.ca Interactive Sketching NotationHelping you tell better stories of interactionPurchase & Download for $44 CAD Watch: How I Sketch - An Intro The Interactive Sketching Notation is a visual language which enables designers to tell more powerful stories of interaction. Through a few simple rules, what the user sees (drawn in greyscale) and does (drawn in red) are unified into a coherent sketching system. Less DocumentationHaving merged flows, user stories, sketches and wireframes into one document, it is easier to maintain your work with the notation. Inside the Template - version 1.5 Icons: 100 common interface sketch style icons for faster concepting Screens: scaled UI screens for popular devices and multiple browser sizes - with 9 point scaling Specific device screens include: iPhone: 4, 5; Samsung Galaxy: Nexus, S3, S4, Nexus5; Sony Xperia Z; Nokia Lumia 920; HTC Windows Phone 8X, Blackberry; Surface Pro, iPad, iPad Mini, Google Nexus 7
4 Best User Interface Pattern Libraries | UXMovement.com by anthony on 09/13/10 at 2:45 pm As designers, sometimes we need a little inspiration to get our creative juices flowing. Looking at examples of different user interface patterns could give us the ideas we need to design something amazing. That’s why I put together four of the best user interface design pattern libraries around the web. I have searched and looked at dozens. Elements of Design Pattern Tap Patternry UI Patterns
10 Usability Tips Based on Research Studies We hear plenty usability tips and techniques from an incalculable number of sources. Many of the ones we take seriously have sound logic, but it’s even more validating when we find actual data and reports to back up their theories and conjectures. This article discusses usability findings of research results such as eye-tracking studies, reports, analytics, and usability surveys pertaining to website usability and improvements. 1. The idea that users will get frustrated if they have to click more than three times to find a piece of content on your website has been around for ages. Logically, it makes sense. But why the arbitrary three-click limit? In fact, most users won’t give up just because they’ve hit some magical number. A study conducted by Joshua Porter published on User Interface Engineering found out that users aren’t more likely to resign to failure after three clicks versus a higher number such as 12 clicks. Source: User Interface Engineering Sources and Further Reading 2. Dr.
25 Classic Fonts That Will Last a Whole Design Career Eric Gill, Adrian Frutiger and Max Miedinger are names we associate with the classic typefaces designers use on a daily basis. Their font creations are timeless designs that look right at home no matter what century we’re in. This collection of 25 classic fonts is a round up of the best and most popular fonts every designer should own. You can be sure that they will last your whole design career. Who hasn’t heard of Helvetica? Bodoni is a serif typeface designed by Giambattista Bodoni in 1798. Clarendon is a fantastically fat slab serif, created by Robert Besley in 1845. Akzidenz Grotesk was designed in 1896 by the H. Avenir is a geometric sans-serif typeface designed by Adrian Frutiger (recall the name? FF Din is a relatively new typeface compared to the veterans mentioned so far with it being created in 1995 by Albert-Jan Pool. Futura is another widely used font that can be seen in countless logos. Remember Adrian Frutiger? Yes, that one that appears as default in your Adobe apps.
35 Excellent Wireframing Resources - Noupe Design Blog Oct 05 2010 Wireframing is an important part of the design process, one that shouldn’t be overlooked by even the most experienced designers. Wireframes can save development time by outlining exactly how a site should look and function, in a manner that can be shown to and approved by your clients. But wireframing can be confusing, especially to new designers. Wireframing Articles The articles featured here discuss wireframing and prototyping both from a theoretical and a practical point of view. My Five Commandments for Wireframing A podcast and article from Boagworld on good practices for wireframing, including why you should wireframe and the benefits of paper wireframing. Wireframes for the Wicked Here’s a slideshow that talks about the purpose of wireframes and the different types of wireframes. Sometimes, the Best Wireframing Tool is a Pencil A brief post on why wireframing with paper and a pencil sometimes works better than using computer-based tools. The Future of Wireframes?
What Is User Experience Design? Overview, Tools And Resources - Smashing Magazine Advertisement Websites and Web applications have become progressively more complex as our industry’s technologies and methodologies advance. What used to be a one-way static medium has evolved into a very rich and interactive experience. But regardless of how much has changed in the production process, a website’s success still hinges on just one thing: how users perceive it. “Does this website give me value? User experience design is all about striving to make them answer “Yes” to all of those questions. What Is User Experience? User experience (abbreviated as UX) is how a person feels when interfacing with a system. Those who work on UX (called UX designers) study and evaluate how users feel about a system, looking at such things as ease of use, perception of the value of the system, utility, efficiency in performing tasks and so forth. UX designers also look at sub-systems and processes within a system. Why Is UX Important? There was no science behind what we did. Complex Systems