background preloader

I ♥ wireframes - The ultimate source of inspiration and collection of resources for wireframes

I ♥ wireframes - The ultimate source of inspiration and collection of resources for wireframes

Design émotionnel eBook: Aarron Walter, Jared Spool: Boutique Kindle Web Site Accessibility Tutorials, Webpage Accessibility Books, Articles, CSS and Accessibility - Web Site Resources, Website Tips - WebsiteTips This section includes annotated links to helpful Web accessibility articles and tutorials, Web sites or sections devoted to Web accessibility, and recommended books on Web accessibility. Tutorials include CSS and accessibility, creating accessible PDF files, accessible DHTML and multimedia, Web accessibility for visual impairments, Web sites devoted to Web accessibility, and more. You'll also find articles on why Web site accessibility matters, along with helpful Web accessibility books that go into a great deal of detail about how to create and implement Web sites with accessibility in mind. For U.S. Do you know of some good articles, tutorials, tips, Web sites, books, or other resources related to Web site accessibility? Accessibility Articles and Tutorials The following articles cover information about accessibility while tutorials help with how to include accessibility features for your Web site. Know of others? Accessibility Articles top ‘On this page’ menu CSS and Accessibility

10 Useful Usability Findings and Guidelines « Smashing Magazine Everyone would agree that usability is an important aspect of Web design. Whether you’re working on a portfolio website, online store or Web app, making your pages easy and enjoyable for your visitors to use is key. Many studies have been done over the years on various aspects of Web and interface design, and the findings are valuable in helping us improve our work. Here are 10 useful usability findings and guidelines that may help you improve the user experience on your websites. 1. Form Labels Work Best Above The Field A study by UX Matters1 found that the ideal position for labels in forms is above the fields. 2Tumblr3 features a simple and elegant sign-up form that adheres to UX Matter’s recommendation. Positioning labels on the left also poses another problem: do you left-align or right-align the labels? 2. People instinctively notice other people right away when they come into view. Eye-tracking heat map of a baby looking directly at us, from the UsableWorld study4. 3. 4. 5. 6. 7.

Le wireframing pour les nuls, ou l'art de réaliser des maquettes fonctionnelles web en 9 étapes Le wireframing est une étape importante dans la création d’un site web sur mesure, qui consiste à concevoir la maquette “fonctionnelle” du site. A la différence d’une maquette graphique, un wireframe fait complètement abstraction de l’aspect graphique et design du site, pour se concentrer sur l’ergonomie. La réalisation d’une maquette fonctionnelle est une excellente occasion pour optimiser l’expérience utilisateur du site en projet. Nous avons réalisé ce guide complet afin de vous donner les clés pour réaliser une maquette fonctionnelle dans les règles de l’art. Petite remarque avant de commencer : Avez-vous besoin d’un site web entièrement sur mesure ? Le wireframing n’a d’intérêt que si vous souhaitez créer un site sur mesure, très personnalisé, répondant à des attentes très précises. Une maquette fonctionnelle a la même fonction qu’un plan d’architecte. Étape #1 : trouver des sources d’inspiration Étape #2 : définir le process de création Balsamiq 100% gratuit - 3 min

“How much does a website cost?” and other pricing questions | Folyo Blog If there’s one thing nobody seems to want to talk about, it’s pricing. Most designers don’t publish their rates, and good luck getting a company to tell you how much they paid for their site. The results of this situation is that it can be pretty hard to know how much to spent on design. Spend too much, and you’ll be accused of wasting money like those $300,000 logos you read about. Spent too little, and you risk ending up with a crappy “designed by my 14 year old nephew” website. So I asked 40 of Folyo’s designers to answer a couple questions about their pricing strategies, and I hope the results will help you get a better picture of design prices. A couple disclaimers All prices are for design only, i.e. they don’t include any sort of coding (no HTML, no CSS, no Javascript, no PHP, etc.).The sample size was very small (40 designers). How much do you charge for a logo? How much do you charge for a logo? The logo is often a startup’s first contact with a designer. Photo Credit: Senior Living

10 Principles Of Effective Web Design - Smashing UX Design Advertisement Usability and the utility, not the visual design, determine the success or failure of a web-site. Since the visitor of the page is the only person who clicks the mouse and therefore decides everything, user-centric design has become a standard approach for successful and profit-oriented web design. After all, if users can’t use a feature, it might as well not exist. We aren’t going to discuss the implementation details (e.g. where the search box should be placed) as it has already been done in a number of articles; instead we focus on the main principles, heuristics and approaches for effective web design — approaches which, used properly, can lead to more sophisticated design decisions and simplify the process of perceiving presented information. Please notice that you might be interested in the usability-related articles about 10 Usability Nightmares1 and 30 Usability Issues2 we’ve published before,we’ll cover more principles of effective design in our following posts. 1.

Don Norman Interview - UX Week Video - Events - User Experience - UX Design Re. UX Week – Video Don Norman, the esteemed “Ralph Nader of design,” gives us 52:29 of his time to offer wisdom gained from his experience in matters of user experience, design, business, and making our case to management. Don Norman Quotes Notable quotables, for those who may not have the fifty two and a half minutes: “Great design without smooth operations is worthless, but smooth operations without a good front end… good interaction design, is really worthless. “A good designer will actually design the company.” “User experience is really the whole totality. “One of my favorite questions is ‘what do you hate most about when you visit a Disney theme park?’ “Do not go to your executives with a little presentation or lecture about why it is good to treat customers well. “You have to learn to speak the language of business.” “Your job is to make your boss successful.” See all Adaptive Path UX Week videos on Vimeo » share

A Showcase of CSS3 Creativity and Experimentation - Tangled in Design There is a tremendous amount of experimentation with CSS3 around the Web at the moment, with exploration into new properties and some extremely creative thought processes producing a wealth of impressive outcomes. It’s exciting, eye-opening, mind-broadening and sometimes even a little intimidating to see the complexity of what some people have been producing with a little mark-up and some CSS3. First of all, let’s quash any ideas of CSS3 being an illustration tool. Having said that, the type of experimentation I am going to showcase demonstrates exceptional thinking and creativity. So let’s get to it… bear in mind though that although most of the work featured can be viewed in any modern browser, the only browser you can view every piece of work in correctly is Safari. Pure CSS Twitter Whale The infamous Twitter Fail Whale re-created using only CSS, complete with animation! CSS GUI Icons CSS3 Analogue Clock CSS3 Opera Logo Pure CSS3 Volkswagen Logo Yes, this is my work. CSS Solar System

8 Usability Mistakes Made By Web Designers | Arbenting In the world of web design, we can look around and see so many shining examples of what makes this industry great. Though we are certainly not an industry without our faults and flaws. In fact, with that same discerning eye one can look around and see examples of our less than stellar industry moments. In fact, one can even point to common examples of balls being dropped in various areas. Here we can point to a handful of overlooked elements and oft made careless blunders that haunt far too many of our web design pasts. No Mobile Consideration Unfortunately for so many already established sites and designs, the explosion of the mobile web market has left many brands unprepared for this new landscape. At this time there are multiple solutions that one can seek to temporarily get their brands back on track in mobile contexts, but not too many that allow them to take their branding, and often costly designs along with them. More on Mobile Design Insufficient Padding and Margins In Conclusion

The Principles of Design The web professional's online magazine of choice. In: Columns > Design in Theory and Practice By Joshua David McClurg-Genevese Published on June 13, 2005 Starting with the Basics This column is about Web design—really, it is—though it may at times seem a bit distant and distracted. We can group all of the basic tenets of design into two categories: principles and elements. Web design is a relatively new profession compared to other forms of design, due to the youth of our medium. How Does Web Design Fit In? I tend to define Web design as being one of many disciplines within the larger field of design (a peer to print design, industrial design, interior design, etc.). The first three articles of this column will be dedicated to unearthing these universal gems of insight so that we may better understand our profession. The Principles of Design There are many basic concepts that underly the field of design. Let’s begin by focusing on the principles of design, the axioms of our profession. Rhythm

Operating System Interface Design Between 1981-2009 A Graphical User Interface (GUI for short) allows users to interact with the computer hardware in a user friendly way. Over the years a range of GUI’s have been developed for different operating systems such as OS/2, Macintosh, Windowsamiga, Linux, Symbian OS, and more. We’ll be taking a look at the evolution of the interface designs of the major operating systems since the 80′s. I should mention that this article showcases only the significant advances in GUI design (not operating system advances) and also not all of the graphical user interfaces and operating systems existing today. The first GUI was developed by researchers at Xerox Palo Alto Research Center (PARC) in the ’70s. This research opened a whole new era of computer graphic innovations. The first personal computer which used a modern graphical user interface was the Xerox Alto, developed in 1973. Xerox 8010 Star (released in 1981) Xerox 8010 Star, Source: Apple Lisa Office System 1 (released in 1983) Acknowledgments PX to EM conversion made simple. Subtle Patterns | Free textures for your next web project Nothing like a field of beautiful flowers. Download Download These lovely water-colorful dots will make your designs pop. Download More leaves from another angle. Download Download Look at all these bubbles! Download Download Download Tiny little flowers growing on your screen. Download Subtle oriental tiles pattern, with a mystic vibe. Download

Smashing UX Design — Usability, Psychology and Information Architecture Category: UX Design This category features quality articles on usability, information architecture, interaction design and other user experience (UX) related topics – for digital (Web, mobile, applications, software) and physical products. Through these articles, experts and professionals share with you their valuable ideas, practical tips, useful guidelines, recommended best practices and great case studies. Curated by Chui Chui Tan. . Popular tags in this category: Freebies, Web Design, Techniques, Inspiration, Business A Guide To Validating Product Ideas With Quick And Simple Experiments You probably know by now that you should speak with customers and test your idea before building a product. Mistakes include testing the wrong aspect of your business, asking the wrong questions and neglecting to define a criterion for success. Read more... Building Clickthrough Prototypes To Support Participatory Design Read more... Creating Responsive Prototypes With Adaptive Views In Axure RP 7