BitcoinDesign / Meta

Discussions around the processes and coordination of the Bitcoin Design Community
202 stars 20 forks source link

Bitcoin UX Research Kit Documenting the Process #653

Open mouxdesign opened 3 months ago

mouxdesign commented 3 months ago

5 (1)

Introduction

The Bitcoin UX Research toolkit is a project built by the community and it raises awareness for UX Research while making it simple to carry out for builders.

Builders need to create feasible, desirable, and usable products. And UX Research (UXR) is a practice that enables the creation of such products.

However, builders often don’t know about UX research or don’t see how it adds value, or think it’s too difficult or expensive to carry out. The UXR Toolkit solves this.

Project goals

The Toolkit accelerates the launch of usable, desirable, and feasible products and services in the Bitcoin ecosystem.

It provides users with actionable, step-by-step guidance on which UX Research methods to choose and how to use them.

We will know the UX Research Toolkit is successful if the following conditions are met:

Target audience

V1 was built with one person in mind a builder who has little to no experience conducting UX research.

Documenting the process

This serves to document the process of the toolkit as it evolves and as iterations are made. It will be a place to:

mouxdesign commented 1 week ago

The below feedback was provided by Sven from the Open source community.

Link to googledoc

UX research toolkit Feedback

Foreword

The site makes an overall professional and positive impression. My findings here mostly little things, such as typos, colours. Some things seem to be broken when visiting the site with a mobile device, so the used CMS might have some issues with responsive design.

Landing page

Content

On Mobile the reading order is different to the desktop view, see screencast

Accessibility

The orange font color on white background has a contrast ratio of approx. 2:1, which is insufficient. A darker tint would solve this. For instance Lighthouse suggests #cd8532 for WCAG AA compliance. OTOH Christoph Ono mentioned in a reply to my previous review, that you don’t use WCAG, but the newer APCA model. I’m not used to this yet, so I leave it up to you whether to keep or change this. The page has no [lang] attribute. Therefore, a screen reader assumes that it is in the language the user has chosen on its setup, which might be different to English. “Start with a question”: the navigation level uses heading level 6 after heading level 1 and therefore skips some levels. This could break the navigation structure for screenreaders. Use h2 instead.

Navigation

Visual Design

Overall appearance

Fonts

The captions of the “Tools” buttons seem a bit small to me. I experimented with 18px instead of 14 px (see draft), to make them more actionable. Overall it would IMHO be good, if all buttons on a page had a consistent look (same font sizes etc.)

Graphics

The illustrations look good and likeable. Cards „Are we building the right thing? “, “We are going to launch…”, “What do we do with user feedback?”, “What are the needs of our users?”, “What are the problems our users are facing?” – the illustrations seem a bit too metaphoric to me and require some thinking to really understand them. If you address first time readers or UX novices, then more clarity would give them more guidance. At a closer view, the soft shadows of the cards are cut off (screenshot). Reducing the blur radius could solve this.

Miscellaneous

How is research on bitcoin and lightning different?

Content

Spelling: Should it be “Bitcoin” instead of “bitcoin”? “Lighting” instead of “lighting”? (capitalise nouns) last paragraph: link “list of questions” to that list

Repository

Content typo “Respository” (see screenshot)

Visual Design

Overall appearance Chapter “Bitcoin and Lightning” - broken text flow in Mobile view. Most of this chapter is cut off (see screenshot) chapter “Save the insights” – same here (see screenshot)