dypsilon/frontend-dev-bookmarks Complete Beginner's Guide to Design Research In an industry devoted to the people who use our products, services, and applications, research is paramount. We ask questions. We take notes. We learn everything we can about the target audience, and then iteratively test our work throughout the design process. Want UX Tips Delivered Straight to Your Inbox? Original UX articles Curated Resources Never miss an issue! UX research—or as it’s sometimes called, design research—serves many purposes throughout the design process. In this Complete Beginner’s Guide, we’ll look at the many elements of design research, from interviews and observations, to usability testing and A/B testing. What is UX research? UX research encompasses a variety of investigative methods used to add context and insight to the design process. The main goal of design research is to inform the design process from the perspective of the end user. With that in mind, research has two parts: gathering data, and synthesizing that data in order to improve usability. Observation
4 Big Trends Shaping The Future Of Design Our Innovation by Design competition drew more than 1,200 entries from big firms and tiny studios. The 54 finalists take on audacious challenges--illuminating four key priorities for the next wave of innovation. Goal #1: Challenge Us We are creatures of habit, which can lead us down ruinous paths--not eating right, not exercising, not stopping to enjoy those around us. Automatic, by Automatic Labs The challenge: Drive smarter This intelligent hardware-and-app combo acts as a driving assistant, monitoring individual habits at the wheel and offering audio hints on how to cruise with greater fuel efficiency. Food Thinking, by Gravity The challenge: Carefully consider our food What drives the Western world's obsession with food? #UseMeLeaveMe, by RazorfishThe challenge: Make bike sharing easier At this year's South by Southwest festival, digital agency Razorfish launched a free bike-sharing system, in which the GPS-equipped bikes could tweet their availability and location.
Usability testing training, courses, tutorials and seminars from the Usability Training Centre We make house calls! We can bring this course to you and run it for a fixed all-inclusive fee no matter where you are. All you have to do is provide the delegates and the meeting room. Next scheduled course We schedule this course based on demand. Overview: A Practical Guide to Usability Testing Usability testing is the method of choice for organisations that want to understand how customers use their product, software or web site. But there are several different types of usability test, making it difficult for novices to choose a technique. After attending this usability testing training course, you will be able to confidently carry out a usability test of your company's product or web site. “I will be showing the video to my IT director as it highlights a few potential issues with our site. Printable pdf course description for this seminar Suggested business case to convince your boss (MS Word format). About your trainer David Travis This seminar is led by Dr. Seminar content Duration
Peculiar Balance Asymmetrical Website Designs Developing website designs with a lopsided feel is a rather common approach nowadays. Majority of designers resorts to off-center landing pages in order to initially concentrate users’ attention on the most important things, recreating strong visual paths. An inability to draw a line of symmetry helps to naturally separate navigation or sidebar from the rest of the content, providing more room for informative part. Asymmetrical tension helps to convey various feelings and sense of motion. In a collection below we have listed demonstrative examples of website designs that ably eschew leveraging a full equality between the 2 website halves. Sjobygda. The Enterprise Foundation also leverages jagged lines and uneven shapes represented in a garish solid coloring to achieve an asymmetrical feeling. Rock Werchter ably embraces the prevalent idea where website is based on a traditional column layout, setting different widths for each column. Mediascop looks clean and neat. Jose Guizar. Kinetik.
Insights and inspiration for the user experience community Design Seeds®: For All Who Love Color #f0f0f0 #ebe3e2 #f2decb #bdb3b3 #7485a6 #bac7e8 Find The Palettes You Love a door hues posted 03.14.14 comments 1 street hues posted 03.13.14 comments 0 sponsored links flora palette posted 03.12.14 comments 0 chi tones posted 03.11.14 comments 1 color view posted 03.04.14 comments 0 tuscan tones posted 03.01.14 comments 2 global hues posted 02.28.14 comments 1 petalled brights posted 02.28.14 comments 0 nature hues posted 02.27.14 comments 2 bundled hues posted 02.25.14 comments 0 leafed brights posted 02.23.14 comments 2 nature tones posted 02.17.14 comments 4 <<< previous next page >>> ShareThis Copy and Paste
6 Plugin for Impressive HTML Slideshow And Presentation Making a presentation with HTML, CSS and Javascript is no longer an impossible task. With the development of CSS3 and support on most modern browsers, the slide transition no longer limited to fading, sliding, blinding. It allows us to achieve cool effects such as rotation, 3D transform and transition. The following is 6 javascript plugins that allow you to do that. You will need latest browsers that support CSS3 3D transform. impress.js It’s a presentation tool inspired by the idea behind prezi.com and based on the power of CSS3 transform and transition in modern browsers. About Kevin Kevin Liew is a web designer and developer and keen on contributing to the web development industry. CSS4 Sneak Peak
joando.com Front End Development Guidelines Accessibility What's Up, DOCTYPE? The absence of a DOCTYPE is a crime punishable by death. You may have relied on the following DOCTYPE in the past, but it's important to know that this is now being superseded by a leaner and meaner snippet. Ideally, the HTML5 DOCTYPE should be used. It's supported in all modern browsers, and throws IE6 and IE7 into standards mode. Write Valid Semantic Markup Writing websites with clean, semantic HTML is something we wish we could always do. Headings should be heirarchically created from <h2>onwards, paragraphs should always be in <p> tags and so on and so forth. Which do you think looks cleaner, this? <span class="sectionHeading">A Heading</span><br /><br /> Lorem ipsum dolor sit amet. ... Or this? <h2>A Heading</h2><p> Lorem ipsum dolor sit amet. ... Fallbacks for Middle Mouse Clicks One of the most frustrating accessibility and usability flaws of the modern web stems from the remapping of hyperlink click functions. Use Microformats Images Need ‘Alt’ Text
Best Online Web Development Courses of 2013 As a developer who keeps on learning and is not afraid to go back to basics, I’ve explored many different online courses and online curricula pertaining to web development. Based on a combination of experience and outside sources, I want to provide you with a rundown of how each online paid (or free) service may help you and if it’s worth it. You’re welcome to read my previous article on How To Start Being A Web Developer quickly in case you want a good rundown of what to learn and when to learn it. Generally speaking, most of them are worth it for their specific functions. Without further ado: Lynda ($25/month) When I first started learning web development, Lynda was one of the most useful resources--mainly for the wide variety of course offerings and the fact that everything was video-based with commentary. The Positives It offers a huge variety of courses, not just about web development. I’ve personally used Lynda to learn PHP and tackle many of the Adobe programs. The Negatives W3schools