Archive for the 'emergency lane' Category

What is the Web?

April 21, 2017
  • The web is made of code and must be designed, there- fore designing with code is working with the right materials. This is the best course of action.
  • Content — what we write or otherwise express via the web — must be subject to design thinking and, in fact, all other design decisions should facilitate that.
  • Web pages are not immutable artifacts. They should be tolerant of changing, dynamic content. This content should be managed in terms of discrete components which can be reused as agreed patterns.
  • The potential audience of a website or app is anyone hu- man. Inclusivity of ability, preference and circumstance is paramount. Where people differ — and they always do — inclusive interfaces are robust interfaces.

Heydon Pickering: Inclusive Design Patterns – Coding Accessibility into Web Design, p.11

 

March 16, 2017

“Make sure every click makes the user more confident”

Jared M Spool in Disambiguity conference

Baseline grids

March 15, 2017
  • Typography is the foundation of great design. Where ever possible I like to make use of the traditional typographic scale (6, 7, 8, 9, 10, 11, 12, 14, 16, 18, 21, 24, 30, 48, 60, 72, 80, 96) as mentioned in Robert Bringhust’s book The Elements of Typographic Style. It’s a great way to establish a clear hierarchy and vertical rhythm for your project.
  • A 4px baseline grid provides the consistency and flexibility to design for both web and mobile without having to rethink about different measurements.

Rich McNabb

Modular Web design

February 20, 2017

This is exactly what modularity brings to UI design: It leads to a system that is

  • flexible,
  • scalable and
  • cost-efficient, but also
  • customizable,
  • reusable and
  • consistent.

Adriana de La Cuadra: Designing Modular UI Systems via style-guide-driven development

 

Why White Space Is Crucial To UX Design

February 14, 2017

White space can be broken down into four elements:

  • visual white space (space surrounding graphics, icons, and images);
  • layout white space (margins, paddings, and gutters);
  • text white space (spacing between lines and spacing between letters); and
  • content white space (space separating columns of text).

Jerry Cao and Kamil Zieba and Matt Ellis

Design critique

December 19, 2016

Criticism passes judgement — Critique poses questions
Criticism finds fault — Critique uncovers opportunity
Criticism is personal — Critique is objective
Criticism is vague — Critique is concrete
Criticism tears down — Critique builds up
Criticism is ego-centric — Critique is altruistic
Criticism is adversarial — Critique is cooperative
Criticism belittles the designer — Critique improves the design

From: Judy Reeves

See also Jared Spool’s article

Design the beginning

October 31, 2016

The “beginning” is how you introduce something new to a person, and how you will get them to understand its value such that they incorporate it into their lives. When you set about designing the beginning, you are forced to consider the following hard questions:

  1. Where and how will people first hear about your product or feature?
  2. What should people understand about your product at a glance, and is that compelling enough to convince them to go through the trouble of trying it out?
  3. What should people’s first-time experience through your product be, and how do you plan to demonstrate to them its value within the first minute?
  4. How will you build out the social graph, content inventory, marketplace, etc. if the success of your product is dependent on those things?
  5. What would compel somebody to come back and use your product a second or third time?

Julie Zhuo: Design the Beginning

User research methods overview

October 20, 2016

user-research-methods.png

From: https://www.nngroup.com/articles/which-ux-research-methods/

What Causes Behavior Change?

September 19, 2016

The Fogg Behavior Model shows that three elements must converge at the same moment for a behavior to occur: Motivation, Ability, and Trigger. When a behavior does not occur, at least one of those three elements is missing.

Behaviour change elements: motiviation, ability, trigger

Core Motivators: pleasure/pain; hope/fear; social acceptance/rejection

Simplicity factors: time; money; physical effort; brain cycles; social deviance; non-routine

Triggers: facilitator; spark; signal

BJ Fogg’s Behavioral Model

How Friendly is your site?

March 28, 2016

Check how friendly your site is:

Mobile friendly? There is a good chance that some of your users will be arriving via their phones and tablets, and almost nothing is more di cult to navigate than a site thats not mobile friendly. If a user cannot navigate your site, they can’t become customers.

Browser friendly? Not all browsers are built the same–that goes without saying, but do you know what browsers are most popular among your users? There is a chance that your site is awesome on Chrome, but a mess on Internet Explorer. Do the research. Load up the browsers and make sure a user’s arrival is always solid. Fixing any browser speci c issues could result in rise in conversions.

Privacy friendly? It is good to show users their information is secure: signals, like SSL (https://) lock images, trusted badges, and social proof can all allay fears. Make sure you have a complete privacy policy linked from the footer of every page on your site.

Language friendly? There are 50 million Spanish-language Internet users in the United States alone. That’s more than the total Internet-using population of the UK. If you’re ignoring language support, you could be leaving a lot of money on the table.

User friendly? No user will ever complain that your site is too easy to use, fast or clear. A mistake free site is a credible site.

Click friendly? How many clicks does it take for a user to get to your must have experience? Have you ever counted? Think less. Think the clearest and easiest path to revenue.

Time friendly? Information on your landing page should be prioritized by importance. You typically have ve seconds to convince a visitor to stick around. Make the most of that brief moment in time. How good is your hook, and how well do you deliver on the promise?

Video friendly? A video on your landing page has the chance to drive conversions. Consider YouTube, or other services as long as users do not have to download additional plugins. Videos can elicit an emotional response that connects with users and drives conversion.

Rating & review friendly? If your site has a rating system for product feedback, it is best not to be totalitarian. Erasing all negative feedback will only have uses questioning your credibility. If you allow reviews on your site, make sure the quality is high. Zappos found that correcting spelling errors in product reviews increased conversion. Details matter![5, 6]