🔗 How to Write Error Messages

A good error message has three parts: The problem – explains that an error has happened; The cause – explains what caused the problem; The solution – explains how to overcome the problem. After you ensure your message contains all these three parts, its time to review it. You need to edit it to ensure it: Is user centred – avoid jargon and words your audience will have an hard time understanding; Is direct – as William Strunk said, “Put statements in positive form....

August 7, 2015 · 1 min · 111 words

🏞 (image)

The way to mitigate these unintended effects is to replace Personas with models that enable cohesive stories. These models are called Characters . What would make sense for the brain is a believable story which explains that purchase. This is what we can use Characters for. A Character is someone who: Has anxieties & motivations. Experiences purchase-progress events. Encounters purchase-progress situations. (via Replacing Personas With Characters — Medium )

August 13, 2014 · 1 min · 69 words

🏞 (image)

“UI design starts with words.” (via How Do You Design Interaction? | Smashing Magazine )

July 28, 2014 · 1 min · 15 words

🔗 inessential: Error Messages

There is, however, old wisdom — perhaps from an earlier version of the Mac HIG — that says how to create error messages: they should be of the form “Can’t x because of y.” They may optionally include additional detail and/or recovery steps. “Can’t x because of y. Something is true. Try a thing.” A similar form is this: “Noun can’t x because y.” (As in “‘Downloaded.app’ can’t be opened because it is from an unidentified developer....

June 9, 2014 · 1 min · 116 words
Examples of a sketch, wireframe and mockup, side by side

💭 UI/UX design artefacts

Compare and contrast different design artefacts (sketch, wireframe, mockup, and prototype) in terms of their fidelity, speed, cost and use cases.

March 27, 2014 · 1 min · 134 words

🏞 (image)

(via Why It’s Important to Sketch Before You Wireframe – UX Movement ) Where by “Code” you should really read “Prototype”.

March 27, 2014 · 1 min · 21 words

🏞 (image)

sketchplanations: Mobile is snorkelling. Desktop is diving. Metaphors for interface design from Rachel Hinman via Mobile First .

March 26, 2014 · 1 min · 18 words

🏞 (image)

uxdtoday: “When you don’t consider UX /UI in design: These pencils were withdrawn from US schools” – @raju

March 26, 2014 · 1 min · 18 words

🏞 (image)

userexperiencehub: Design Process Diagram by Todd Warfel

March 18, 2014 · 1 min · 7 words

🏞 (image)

At Realmac we went this route with Ember, but we built in a slight twist. We try and guide the customer so they can get help or make a feature request rather than leaving a review on the App Store that we can’t respond to. If they are unhappy or confused we want to know about it and help them, if they are happy they can let us know and perhaps more importantly leave a review....

March 16, 2014 · 1 min · 85 words

🔗 The Highlight — Best of 2013: UI Animations — Beautiful Pixels

The Highlight — Best of 2013: UI Animations — Beautiful Pixels This year too, we’ve selected some fantastic apps in our list of The Highlight — UI Animations . See also for 2012 .

January 10, 2014 · 1 min · 34 words

🔗 Lookback – See how people really use your apps!

Lookback – See how people really use your apps! See how people really use your app. Lookback makes user experience collecting a breeze. Record remotely with your iOS app — no equipment needed See the screen, gestures, face & voice of your test users. Install once. Lookback all the time.

January 6, 2014 · 1 min · 50 words

🏞 (image)

Replacing The User Story With The Job Story We frame every design problem in a Job, focusing on the triggering event or situation, the motivation and goal, and the intended outcome: When _____ , I want to _____ , so I can _____ . For example: When an important new customer signs up, I want to be notified, so I can start a conversation with them. See also 5 Tips For Writing A Job Story:...

December 12, 2013 · 1 min · 126 words

🏞 (image)

misslillybrowne: That Squiggle of the Design Process The Process of Design from a great height . by Damien Newman

December 11, 2013 · 1 min · 19 words

📺 The User is Drunk

The User is Drunk (by squareweave ) Blurry vision Attention-poor (Guide them) Say it twice Emotional (Do over the shoulder testing) Drunk, not dumb ( Source: https://www.youtube.com/ )

November 22, 2013 · 1 min · 28 words


CAPPTIVATE.co Capptivate.co captures fleeting transitions between app screens and delightful animated UI elements that we’ll otherwise lose forever as apps and operating systems continue to evolve. Categories: Basic Motion Fade Grow or Shrink Motion Path Move or Slide Point At Spin or Rotate Camera Focus or Blur Frame Parallax Rotate Around or Sweep Zoom Simulations Align to Motion Attract or Repel Bounce Collide Ease Drift Gravity Orbit Around Spring Vortex

October 18, 2013 · 1 min · 70 words

🔗 How emotional design can give your website much more impact

How emotional design can give your website much more impact In this article I’ll give you an idea of the potential of emotional design. We’ll be looking at copywriting and visuals but especially looking at interaction, since we’re interaction designers. Emotional design is designing for emotions in the user. It means you try to make sure that users feel a certain way. Preferably a way that complements the brand or product, or just the specific process the user is in....

October 4, 2013 · 1 min · 80 words

🏞 (image)

Why hollow icons are more work for your users and ultimately create cognitive fatigue. (via Hollow Icons — Design/UX — Medium )

August 27, 2013 · 1 min · 22 words

🔗 Progressive Reduction

layervault: I’m very excited to talk about a technique that we’ve started using at LayerVault. We call it Progressive Reduction. (…) How does one guide a new user from on-boarding, to low proficiency, to high proficiency? With progressive reduction, the UI adapts to the user’s proficiency. (…) Your proficiency in a product will decay over time without usage. As such, the proficiency reflected in the UI decays over time. Essentially, your UI regresses without usage....

August 1, 2013 · 1 min · 77 words

🏞 (image)

A Good User Interface has high conversion rates and is easy to use . In other words, it’s nice to both the business side as well as the people using it. Here is a running list of practical ideas to try out. (via GoodUI )

July 2, 2013 · 1 min · 45 words