Web UI Design Patterns 2014

A Deeper Look At the Hottest Websites and Web Apps Today.Amazon, Kickstarter, AirBnB, Quora, LinkedIn, Eventbrite, Mailchimp, Asana - what web UI design patterns do they use & why ? All explained in this ebook.

// UXPin Web UI Design Patterns ebooks have become a reference to me, a way of improving my visual web culture - I can’t wait to get to read this latest release !

Web UI Design Patterns 2014

A Deeper Look At the Hottest Websites and Web Apps Today.

Amazon, Kickstarter, AirBnB, Quora, LinkedIn, Eventbrite, Mailchimp, Asana - what web UI design patterns do they use & why ? All explained in this ebook.

// UXPin Web UI Design Patterns ebooks have become a reference to me, a way of improving my visual web culture - I can’t wait to get to read this latest release !

How to Improve Website
UX with Doors Diagram

As a design tool, Doors Diagram helps to faster and easier determine what obstacles are
for users on their way to successfully navigate
a website design.

Using the Doors Diagram to visualize a process of a user passing all the way from the starting point to the final goal could help us correct these user experience issues. This diagram is much like a tool in service design, such as customer journey maps and others.

// Discover a thoughtful UX process through an illustrative and really interesting post, providing you everything you need for starting
to improve your UX with Doors Diagram right away !

Going further : UX Tools : Implementing Doors DiagramThis is the second part of the topic explaining why to use this design tool, covering this approach in more detail and showing some UX research while implementing Doors Diagram on Medium.com.

Polar, the opinion poll service, is now joining Google - and its team is sharing what they’ve learned on their journey to building it !

We took some time to package up the articles I wrote over the past two years about Polar’s mobile and multi-device designs. We’re making this compilation freely available in :

A beautiful iBook complete with hidden treats and awesome videos.
A PDF of the same content and layout but without the slick UI and videos.
The original Web pages published on this blog from 2012-2014.

A mobile UX must-read from Luke Wroblewski - you can’t miss this !

Polar, the opinion poll service, is now joining Google - and its team is sharing what they’ve learned on their journey to building it !

We took some time to package up the articles I wrote over the past two years about Polar’s mobile and multi-device designs. We’re making this compilation freely available in :

A mobile UX must-read from Luke Wroblewski - you can’t miss this !

Record screencasts fast & free

// Recordit works as a desktop app, simple to install and even simplier to use - approved ! It replaces your mouse cursor with a blue dot that livens up when you make a click on something. I’ll keep this at hand for my Daily UX Dose category.

The Web Design Process Periodic Table [Infographic]

How many times have you had to placate your clients because they want to see their website live, and they want it NOW ? The folks at New Design Group produced a web design process infographic that you can share with your client to show them exactly what you need to do to produce a website that meets their needs on every front.


Using the Infographic.

The Web Design Process Periodic Table [Infographic]

How many times have you had to placate your clients because they want to see their website live, and they want it NOW ? The folks at New Design Group produced a web design process infographic that you can share with your client to show them exactly what you need to do to produce a website that meets their needs on every front.

Tutorial : create your own Google Analytics e-mail alerts

Take the challenge of taking your Google Analytics alerts to the next level, from its native unattractive and undigestible e-mails… :

image

…to your own ones, providing only key insights to what may be wrong with your Analytics traffic and including a visual chart of your data :

image

In a 28-pages PDF doc I will guide you from A to Z through creating your own tool using :

  • Google SpreadSheets ;
  • Google Sites ;
  • the Google Analytics API ;
  • the MagicScript, a Google Docs script allowing to automatically get data from the Analytics API into spreadsheets reports.

The tool consists in creating spreadsheets in which we’ll be pulling data automatically from the Analytics API, updating traffic charts in real time, and then we’ll set up an e-mail template that will trigger only if the Analytics data in the spreadsheet reaches a threshold
we have defined. That way the
alert e-mail will contain :

  • the name of the concerned Analytics account and property ;
  • the name of the alert ;
  • the data number that triggered the alert ;
  • the date for which the data triggered the alert ;
  • a chart of the concerned data
    for the last 15 days ;
  • a link to an interactive version of the chart on a Google Site for getting more precise insights of what is wrong.

Also, a ‘settup’ spreadsheet
allows to easily turn alerts on
and off with a single click.

Read my complete tutorial here :

image

// This project was one of my internship missions : I had to think out a new way for our sales managers to receive alerts in case of major variations in their clients’ sites traffic - indeed the native Intelligence Events alerts had led to e-mail blindness from their team.

I am very proud of this project and its results, as I had to research and experiment quite a lot before coming up with a functional Proof of Concept : from mastering automated spreadsheet reports to customizing the e-mail body to make it readable, through inserting a chart as an image within the e-mail, setting up an alert ON / OFF option, and many other small or bigger issues… !

The whole work was a great challenge for me, especially when knowing I had to use pieces of code from different sources and then to make do on my own in order to make it work as I wanted ! So believe me, I was really happy when this tool was validated by my internship mentor for a real-life implementation !

Finally, it was important for me to lay down all the necessary steps to make the tool live : writing a detailled tutorial was quite obvious, and I really think it’s essential to share my process : maybe this can be useful to someone else after all !

Glossary : soft (‘people’) skills

Soft skills are personal attributes that describe an individual’s ability to interact with others
the cluster of personality traits,
social graces, communication, 
language, personal habits,
friendliness, and optimism.

Unlike hard skills, which comprise a person’s technical skill set and ability to perform certain functional tasks, soft skills are interpersonal and broadly applicable across job titles and industries. Many soft skills are tied to an individuals’ personalities rather than any formal training, and are thus considered more difficult to develop than hard skills.