background preloader

Interaction

Facebook Twitter

Web UI Best Practices: UI Design from the Experts. It's Not UX vs. UI, It's UX & UI. How differentiating the two will improve them both Chris Bank of UXPin — the wireframing & prototyping app — compares and contrasts web UI and UX, explains why we sometimes default to building a UI, and how UI shapes UX. For analysis of examples from over 33 companies, feel free to check out Web UI Best Practices. The web user experience (UX) is the abstract feeling people get from using a website. The user interface (UI) is what people interact with as part of that experience. When designing a website, you want your UX to be as positive as possible — you want your users to enjoy being on your website, that’s kind of the whole point. Source: UX is not UI Typically for websites, a company’s design team works on the UI in order to heighten the UX.

We’ll start by giving an overview of UI with some examples, explain strategies to help you understand why a good UX depends on a good UI, and dive into why it’s easier (but necessarily correct) to create a UI instead of UX. What Web UI Is… And Isn’t. Le Flat Design - Principe et utilité. En design web, comme dans la mode, les tendances vont et viennent. Hier on découvrait le responsive web design, aujourd’hui on nous parle de flat design. C’est LE trend topic du moment… Mais intéressons-nous à ce qui existe déjà : le flat design, ou le « design plat » en bon françois, est la nouvelle corde à l’arc des designers d’interfaces.

Signes distinctifs : ce courant graphique et ergonomique prône des interfaces minimalistes et aux couleurs vives. Windows 8, le premier système d’exploitation en flat design – Source : windows.microsoft.com Le flat design, mais qu’est-ce donc ? Le flat design est en fait un design graphique minimaliste, débarrassé de tout ornement en relief, qui a pour but d’améliorer la lisibilité. Ce courant est souvent comparé et mis en opposition au skeuomorphisme. L’exemple typique serait la corbeille à papier, que l’on retrouve tous au pied de notre bureau, et qui nous permet de jeter nos documents inutiles. L’horloge flat design, vue sur : blogoergosum.com. The Next Big Thing In Responsive Design. Responsive design, which allows designers and developers to build websites that adapt to every screen size, is one of the most empowering web tools to be adopted in the last decade. But adapting to the screen is only the first frontier of a new, responsive web.

Today, users expect online experiences that not only respond to what device they're using, but also their location, time of day, what they’ve already read, and events happening in real time. To capture a user’s attention for the next generation of the web, you’ll need more than just responsive design. You’ll need a responsive philosophy. What Print Newspapers Get Right When you look at the print version of any major print publication over time, you realize that they don’t just have a couple of templates. Somehow, we’ve lost that ability on the web. These limitations aren’t just stifling for readers. Websites should do more than respond to devices. Solutions For Adopting A Truly Responsive Design.

«UserOnBoard» : embarquement immédiat dans les coulisses des applis. «Tout le confort et la simplicité de Gmail», nous promet la page d’accueil de… Gmail. Oui, d’accord, mais c’est quoi Gmail ? La page d’accueil est l’endroit où atterrissent les internautes qui n’ont jamais mis un pied dans la messagerie de Google, et qui veulent s’y créer un compte. Il faudrait donc les prendre par la main, parsemer quelques mots-clés comme : «e-mail», «courrier», «discussion»… Juste histoire de savoir à quoi on s’attend, non ? Les remarques de Samuel Hulick sont toujours pertinentes. Sur UserOnBoard.com, ce développeur américain décortique la façon dont les sites et applications «embarquent» leurs nouveaux utilisateurs – comment ils les accompagnent dans le processus d’inscription et chapeautent leurs premiers pas. Hulick est «designer d’expérience utilisateur» de métier, il connaît son affaire.

Test d’Instagram sur UserOnBoard : l’internaute vient de cliquer sur «Passer» et une pop-up lui demande de confirmer : «Ok» ou «Passer» ? Camille GÉVAUDAN. Milan Design Week 2014 - ECAL - Grand-Hornu Images.