background preloader



Related:  boufiboufiErgonomie et UX

Creating Animations : Serif Project Resources You are here : Home › Creating Animations › Design an Animation Design an animation What you must do Why the Flat Design Trend is Hurting Usability The flat design trend has taken over the graphic design world in a very short amount of time. One of the first big interfaces to go flat was Windows 8. However, it wasn’t until the release of Apple’s iOS 7 last summer, June 10, 2013 that we really saw a huge increase in the many interfaces, websites, apps, and more that adopted a flat design. Before then, most designs were skeuomorphic with lots of 3D effects, gradients, and texture. The look is both trendy and modern, and the new design trend is still surrounded by a buzz.

40 Useful Online Generators For Web Designers - Noupe Design Blog Oct 11 2010 Generators can be a great way to save time in your web design projects. High-quality generators can create graphics or code or even layouts in a matter of seconds or minutes, things that might take an hour or more if done by hand. Below are some useful generators to help you speed up your web design process. There’s everything from color scheme tools to complete layout generators included. Cone Trees Summary On its login page, Twitter uses JavaScript to set focus on the user name text field so the user can sign in to the account with least effort possible. However, due to the incompleteness and the placement of the JavaScript, there is a possibility that the user’s password may get revealed (in the user name text field of the login form) if the user attempts to enter their account details before the login page completely loads. The description of the usability issue and solution are discussed ahead. Update (Jan 20, 2010): I informed Twitter about it and Anamitra Banerji from Twitter product got back letting me know he has someone working on fixing it.

Mockups Take a second. Let it sink in. The first impression might be disorienting. Log into your edX Account Skip to this view's content Please enter your e-mail address below, and we will e-mail instructions for setting a new password. Help Have general questions about edX? Side Drawer Navigation Could Cost Half Your User Engagement Anthony Rose is co-founder and CTO of zeebox, the social network for TV. So, you have a mobile app where there are more pages or sections than can fit on a mobile screen at once. Your first thought might be to create a tabbed design, with a row of tabs along the top or buttons along the bottom. But wait… that extra row of tabs or buttons wastes a lot of valuable real estate on a small mobile display, so let’s not do that. Instead, let’s move the options into a side menu, or side drawer, as our Android team keep reminding me it’s called.

Web Design Comment to Win a Template Posted by admin in Freebies Today we’re pleased to announce a giveaway from TemplateMonster, a US based template selling company. The TemplateMonster team is known for their website templates, WordPress themes, Joomla templates, Magento themes, PrestaShop themes other designs you may need to make a website. There are more than 30,000 templates at and Designing Web Interfaces We just wrapped up last day of the IA Summit 2012 in lovely New Orleans. I have enjoyed wonderful food, drinks, company and speakers including Stephen Anderson , Josh Clark , Chris Risdon , Greg Nudelman, Nadine Schaeffer and Dan Brown. But one of the talks on Saturday, a panel called Taking the Plunge: Diving into Indie UX , left me gaping.

7 Killer User Interface Designs For Gestures Visual user interfaces have a profound impact on user experience when it comes to web & mobile apps. Here are some truly great ones to inspire you to create more of the same. Pull/Unfold Here’s one posted by Cuberto on Dribbble. This graphical user interface is designed to look like a piece of paper unfolding; slide right to pull up a hidden dashboard screen; slide left and the interface refolds to again hide the dashboard. In the example below, the left to right slide gesture is hierarchical– essentially, left to go back/access top nav actions, right to move forward/return to 2nd nav interface.

20+ Tools to Create Your Own Infographics A picture is worth a thousand words – based on this, infographics would carry hundreds of thousands of words, yet if you let a reader choose between a full-length 1000-word article and an infographic that needs a few scroll-downs, they’d probably prefer absorbing information straight from the infographic. What’s not to like? Colored charts and illustrations deliver connections better than tables and figures and as users spend time looking back and forth the full infographic, they stay on the site longer. Plus, readers who like what they see are more likely to share visual guides more than articles. While not everyone can make infographics from scratch, there are tools available on the Web that will help you create your very own infographics.

Creating a Successful Style Guide for Your Brand For a brand to be authentic and recognizable, it must have its own unique standards. Color, type, icons, imagery and even more abstract elements like tone, structure and values all play a role in nurturing people’s perception of a brand over time. But for a brand to be truly cohesive, it needs these individual elements to work together harmoniously, and that’s where a style guide comes in. What is a style guide? A style guide documents all the unique visual and experiential elements that make up your brand, so people working on your brand can provide a consistent experience across the board. Without consistency, a brand fails the authenticity test.

Designinterviews Eva-Lotta is a freelance User Experience Designer. She previously led the Business design team at Skype, worked as interaction designer for Yahoo! in London and as lead designer for Kahn + Associates in Paris. Besides her daytime mission of making the web a more understandable, usable and hopefully more delightful place, she loves sketching, doodling and playing around with various little side projects. In her interview to DI she shared her feelings about her in-house work experience as well as her new freelance status.

Jakob Nielsen's Newsletter June 4, 2017 Typing a password takes twice as long on mobile than on desktop. Follow these 12 guidelines to make registration and login less painful on mobile devices. June 4, 2017 Modal ads, ads that reorganize content, and autoplaying video ads were among the most disliked.