background preloader

Veille Technique

Facebook Twitter

GoodUI. UX 101: What is User Experience? [INFOGRAPHIC] What do popular brands like Apple, Google, and BMW have in common? They boast great designs that center around UX. UX stands for “user experience,” one of the most vital parts of any user-facing product. UX addresses all the aspects of a service from the perspective of the consumer, both visually and functionally. Did you know that 68% of users leave a website because of a poorly designed UX? If it’s an e-commerce site, 44% of online shoppers will then tell friends about their bad experience online. This shouldn’t be the case, though, as 85% of UX issues can be solved through testing with just five users. When testing your UX design, ask yourself these questions: Are customers confused using your site? 1. The benefits of optimizing UX are profound, where each dollar invested in UX returns up to $100 in revenue! Have you ever been drawn to action by a great or terrible user experience online?

Responsive Layouts, Responsively Wireframed. Responsive layouts, responsively wireframed Made with HTML/CSS (no images, no JS*) this is a simple interactive experiment with responsive design techniques. Use the buttons top-right to toggle between desktop and mobile layouts.

Using simple layout wireframes, this illustrates how a series of pages could work across these different devices, by simulating how the layout of each page would change responsively, to suit the context. Responsive layouts? Producing static wireframes to design layouts for websites, web applications and user-interfaces has worked well for a long time. However, this solution creates a new problem: How should we go about the process of designing these variable layouts? Enter, responsive wireframes? The 'wireframes' on this page (which are only very simple, high-level examples) were created with HTML/CSS, and some argue that this is the answer; to design in the browser.

So which is better? Traditional wireframes? HTML? So, what's the answer? Just wondering... Responsive Design Process. Free vector icons - SVG, PSD, PNG, EPS & Icon Font - Thousands of Free Icons. 960 Grid System. Captain Icon. Tendances Web Design 2015. Présenter les tendances web design n'est pas une chose aisée. Il faut tout d’abord analyser les raisons qui poussent les designers à faire un choix plutôt qu'un autre : par mimétisme, par mode ou pour répondre à une problématique spécifique ?

Aujourd'hui, il est inimaginable de concevoir une charte graphique sans y intégrer les supports dématérialisés. Les arts appliqués comptent une nouvelle discipline : le web design, avec ses codes, ses possibilités et ses limites. Il n'est plus question d'imiter le support papier, mais d'envisager le web design dans sa globalité, avec ses spécificités techniques, ergonomiques, d'accessibilité… et dans le respect des standards. Le web design est vivant. Tout comme dans le prêt-à-porter, il est possible de cerner les tendances en web design. Je développerai les tendances web design 2015 en 10 points.

Le flat design et le style minimal Le flat design est une tendance de fond qui fut en partie initiée par Microsoft en 2010 avec Windows Phone. Le Monopage. Les 100+ meilleurs sites Internet de l’année 2013 » Inspiration Blog. Magazine Webdesign, Inspiration et tutoriels | Blog du Webdesign. Awwwards - Website Awards - Best Web Design Trends. John's Graphisme Blog | graphisme, webdesign, art et actualités digitales. Tendances Web Design 2015. 15 Fresh Minimalist Web Design Examples. Minimalist Web Design looks attractive. In web design, the best part of minimalism is that it comes in many styles, colors & sizes, but they always have the same objective in mind saying. Minimalism has become a popular website design style as it has so many benefits.

Minimalist websites load faster, take less server resources & are often faster to improve than more graphically complicated designs. They give a professional & a clean impression to visitors as well. Minimalism succeeded by dropping a design to only the most essential elements. Terminologies of minimalism period multiple disciplines as well as other art forms such as music & literature.

For web site designers, although minimalism can be scary & problematic to master. Here is 15 minimalist web design examples that make use of slight superfluous design elements but still accomplish to pull off a good-looking design. Rafal Wasniowski Derekboateng Chris Bower Allure The Squad Con Gas Great Fridays Whatsmynvme Borislav Ninic Encore Riz. Webdesign sites web et mobiles-tendances 2015. Webdesign : 18 des plus beaux sites de conférences.

L’année 2014 promet d’être riche en conférence webdesign, social média et nouvelles technologies. Webdesigner Trends a sélectionné pour vous 18 des plus beaux sites de conférences web qui se tiendront ces prochains mois à travers le monde. Avec des intervenants de choix, des thèmes phares et sans aucun doutes quelques innovations à venir, le programme 2014 est alléchant et plus que prometteur. Sites événementiels par excellence, les conférences webdesign se doivent de proposer des sites innovants, efficaces et représentatifs du domaine. En toute objectivité, je vous invite à découvrir ces 18 sites bien réalisés aussi bien au niveau graphique que technique. En avant l’inspiration ! Awwwards Paris Webstock 2014 Future Of Webdesign Paris The Next Web Europe Leaders The Conference DConstruct 2014 Laracon 2014 Gecko Board Design Week Portland Inspire Conf Do Lectures Hybrid Conf AnimfxNZ 2014 We Make PDX Take Off Conf Resonate Creative Southga UX Week Bonus :

The super fast color palettes generator! 42 High Quality Fonts for Professional Web Design. High quality fonts are important assets to designers. We always strive to be unique in every design project, but sometimes getting the right font for the right design can be hard. Searching for fonts via search engines and font sites can be time consuming and tedious. In today’s post, we attempt to sum up as many free and high quality fonts as possible into one post. These following fonts can be downloaded free and use for any of your projects. While you are at it, you might also want to check out these following font related articles: Enjoy! AlexandriaFLF Andika Basic Andron Regular Anivers Regular Bergamo Std Bonveno CF Light Calluna Regular Cantarell CartoGothic Std Charis SIL Contra Dejavu Sans Dejavu Serif DejaWeb Delicious Diavlo Euro Sans Pro Fertigo Pro Fontin Sans Galatia SIL Gallette Medium Gentium Basic Goudy Bookletter 1911 Imperator Juvelo Mentone Semi Bold MicroFLF Mr Jones Book Museo 300 Museo Sans 500 Museo Slab 500 Nadia Serif Oblik Bold Otari Bold Limited Phoenica Std Prociono Regular PT Sans Regular Tallys.