Archive for the 'picnic site' Category

Product funnel

August 8, 2017

The actual funnel depends on the type of product, e.g. for You Tube, NYT, Buzzfeed

  1. Awareness
  2. Education
  3. Engagement
  4. Conversion
  5. Revenue
  6. Recurrence

OR (SaaS, enterprises w Freemium plan etc.)

  1. Awareness
  2. Education
  3. Conversion
  4. Engagement
  5. Recurrence
  6. Revenue

From: Laura Klein et.al. Build better Products

 

Advertisements

Persona attributes

August 7, 2017

Most well-crafted personas include a multitude of information such as:Demographic details, such as age, marital status, or income:

Personas vs JTBD by Page Laubheimer

August 7, 2017

Most well-crafted personas include a multitude of information such as:

  • Demographic details, such as age, marital status, or income
  • Personal details, such as a short biography, photograph, and name
  • Attitudinal and/or cognitive details, such as information about the persona’s mental model, pain points, and feelings about the tasks that need to be accomplished
  • Goals and motivations for using the product
  • Behavioral details about how the persona tends to act when using the product

Personas vs JTBD by Page Laubheimer

Snice OR OSEMN – taxonomy of data

August 1, 2017

What a scientist does in roughly chronological order: Obtain, Scrub, Explore, Model, and iNterpret

  1. Obtain: pointing and clicking does not scale.
  2. Scrub: the world is a messy place
  3. Explore: You can see a lot by looking
  4. Models: always bad, sometimes ugly
  5. iNterpret: “The purpose of computing is insight, not numbers.”

Hilary Mason: A taxonomy of data

 

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

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

 

March 16, 2017

“Make sure every click makes the user more confident”

Jared M Spool in Disambiguity conference

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