Types of animations

July 31, 2017

To create good motion it is necessary to be conscious of the types of affine transformations available in the UI motion:

  • Translation – changing view position in X or Y axis
  • Scaling – changing the scale of objects width, height or both
  • Rotation – rotating object around X, Y or even Z axis

There is also a possibility to change opacity (alpha property) and color of an object.

The combination of these types may give outstanding results. Your specification has to include a description of the transformation type.

http://uxmisfit.com/2017/04/23/motion-design-specs-how-to-present-animations-and-interactions-to-developers/?ref=hackingui

Advertisements

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


Interface as text

June 6, 2017

“How would I explain to a friend, in a conversation or in an email, this thing/topic/product/story I am trying to communicate?”

Fabricio Teixeira: Storyframes before wireframes: starting designs in the text editor

 


Nash equilibrium

June 1, 2017

In a Nash equilibrium, every person in a group makes the best decision for himself, based on what he thinks the others will do. And this inevitably ends up being a bad decision for the collective.

A. Madhavan: Why we need a dating app that understands Nash’s equilibrium


Disability = mismatch between abilities and the world around you

May 14, 2017

“As he began to see it, disability wasn’t a limitation of his, but rather a mismatch between his own abilities and the world around him. Disability was a design problem.”

“Disability is an engine of innovation simply because no matter what their limitations, humans have such a relentless drive to communicate that they’ll invent new ways to do so, in spite of everything.”

https://www.fastcodesign.com/3054927/the-big-idea/microsofts-inspiring-bet-on-a-radical-new-type-of-design-thinking

 


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

 


Service design blueprint

April 9, 2017
A blueprint is an operational tool that visualizes the components of a
service in enough detail to analyze, implement, and maintain it.
Blueprints show the orchestration of people, touchpoints, processes,
and technology both frontstage (what customers see) and backstage
(what is behind the scenes). They can be used to describe the existing
state of a service experience as well as to support defining and implementing new or improved services. While service blueprints resemble approaches to process documentation, they keep the focus on the customer experience while showing how operations deliver that experience.
Nick Remis / Adaptive Path

What is Browsing?

March 16, 2017

Browsing is the activity of engaging in a series of glimpses, each of which exposes the browser to objects of potential interest; depending on interest, the browser may or may not examine more closely one or more of the (physical or represented) objects; this examination, depending on interest, may or may not lead the browser to (physically or conceptually) acquire the object.

Marcia J. Bates


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