Posts Tagged ‘webDesign’

Cognitive load is lessened with rounded shapes

June 20, 2017

According to research, it’s harder for the brain to process sharp edges — the cognitive load is lessened with rounded shapes.

Molly Mc Hugh

Research:

https://www.fastcodesign.com/3020075/why-our-brains-love-curvy-architecture

https://www.webdesignerdepot.com/2012/11/stop-being-so-square/

http://www.cns.nyu.edu/~david/courses/perception/lecturenotes/depth/depth-size.html

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

 

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

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

Page load and attention span

May 9, 2016

With each second that passes while a page loads, fewer users stick around. In fact, 47% of users expect a Web page to load within two seconds. If a page hasn’t loaded within three seconds, 57% of users will leave the site. This is a consequence of human psychology: We have an eight-second attention span. (That’s shorter than the attention span of a goldfish.)

Jacqueline Kyo Thomas

 

Parallax scrolling

May 9, 2016

“In the age-old debate between beauty and function, parallax scrolling wins the beauty pageant, but fails miserably in terms of function.”

Parallax Scrolling: Attention Getter or Headache? by Jacqueline Kyo Thomas

Responsive Web Design

February 28, 2012

Responsive Web design is a combination of fluid grids and images with media queries to change layout based on the size of a device viewport. It uses feature detection (mostly on the client) to determine available device capabilities and adapt accordingly. With responsive Web design one code-base, deployment, and URL provides you with access to many devices including future ones you haven’t encountered yet. But optimizing images, video, third party widgets and more using client-only solutions can be challenging.

Luke Wroblewski

Responsive Web Design

August 31, 2011

At its core, Responsive Web Design is about serving the same HTML to every device and adapting its presentation (mostly through CSS) based on the specific capabilities of the device being used to access it.

Luke Wroblewski: Why Separate Mobile & Desktop Web Pages?

Links

May 5, 2011

Use links meaningfully:

  • Deliver users to their desired objective.
  • Give them links that communicate scent in a meaningful way (e.g. with meaningful trigger words)
  • Make the real estate reflect the user’s desires.

‘A more accurate name for the search box would be B.Y.O.L.: Bring Your Own Link. What do people type into this box: trigger words! … The key thing to understand is that people don’t want to search. There’s a myth that some people prefer to search. It’s the design of the site that forces them to search. The failure rate for search is 70%.’

Essence of a talk given by Jared Spool on ‘An event apart’, Boston MA, 2011
From Jeremy Keith’s notes

BBC News site redesign

July 19, 2010

Mother BBC has launched its redesigned News site a few days ago. I want to actually use the site on a day-to-day basis before I express my user opinion. So no comment yet.

I’m however interested in ‘The-making-of’. Paul Sissons, the creative director of this project, explains. His view on the site’s redesign appears rather presumptuous to me. It sounds a biit like ‘You may not realise or not even appreciate it, but rest assured: we spent your money doing the right thing’. And indeed, there are some interesting design considerations, like the new homepage template that allows controlling the ‘volume’ of a topic or story. In other instances, the BBC appears to adapt standards that other news sites already have put into practice a while ago, such as horizontal top navigation, bold typo, and vertical depth (prime example for this site style is the Swedish newspaper Dagens Nyheter).

Some nuggets:

‘The gradients and textures of “Web 2.0” are gone, and everything is pared down to the minimum required for delivering news.’

‘With an incentive, users will scroll. If that proves a positive interaction, it’s something that could become habitual. So rather than design our indexes and front page with everything at the top of the page, we are encouraging scrolling by putting richer content within stories and towards the bottom.’

‘With Top Stories prominently visible to every user, we allow for more sideways navigation. People won’t have to click back and forth from Front Page to story in order to read the stories of the day.’