📱

Product Design

Accessibility
Accessibility — UX Knowledge Base Sketches
Accessibility — UX Knowledge Base Sketches
The goal of accessibility is to design & code digital products, services in a way that users with disabilities are able to use them. Your context or temporary condition and limitation also affect the way you use a product.
Colour Contrast - Why Does It Matter? — GOV.UK
Colour Contrast - Why Does It Matter? — GOV.UK
Colour contrast between text and background is important on web pages. It affects some people’s ability to perceive the information (in other words to be able to receive the information visually).
The Controversy of Accessible Type
The Controversy of Accessible Type
Accessibility is the process of removing barriers to meet people’s access needs. It goes hand in hand with usability, affordability, availability, and overall good design. This article focuses specifically on visual barriers in typography.
Why Web Accessibility Is Important and How You Can Accomplish It
Why Web Accessibility Is Important and How You Can Accomplish It
Web accessibility means that people with disabilities can use the Web.
Analytics
How to Setup Google Analytics Correctly
How to Setup Google Analytics Correctly
As a free and powerful web analytics tool, Google Analytics is more popular than ever. In fact, W3Techs estimates that about 53% of all websites today uses it — and so should you.
Browsers & Devices
Adaptive vs Responsive Design: Which is Better?
Adaptive vs Responsive Design: Which is Better?
What are the major differences between responsive and adaptive design? And can you improve your user experience by choosing the right web design style for your site? In this post, we’ll explore both of these questions and more.
Browser Display Statistics — W3Schools
Browser Display Statistics — W3Schools
W3Schools' statistics may not be relevant to your web site. Different sites attract different audiences. Some web sites attract developers using professional hardware, while other sites attract hobbyists using older computers. Anyway, data collected from W3Schools' log-files over many years clearly shows the long term trends.
CSS Grid Layout: Getting to Grips With the Chrome Implementation
CSS Grid Layout: Getting to Grips With the Chrome Implementation
From Rachel Andrew: "I’ve been following the CSS3 Grid Layout specification since the early days, writing about the IE10 implementation in my book CSS3 Layout Modules and for 24 Ways. When I last wrote an update here everything was theoretical, as there was no browser implementation at the time. Now, with support for the latest version of the spec in Chrome, I thought it a good time to revisit how my favourite CSS module is getting along."
Intro to The 8-Point Grid System
Intro to The 8-Point Grid System
What's the 8-Point grid system and why you should use it in your designs.
The Ultimate Guide To iPhone Resolutions
The Ultimate Guide To iPhone Resolutions
The ultimate guide to iPhone resolutions.
Colours
Color in Design: Influence on Users' Actions — Tubik Blog
Color in Design: Influence on Users' Actions — Tubik Blog
The article is devoted to the issue of using various colors in user interfaces and branding design, associations and the influence of color choice on user behavior.
Designing Systematic Colors
Designing Systematic Colors
How to make themable, flexible, WCAG 2.1 compliant color ramps for a design system.
Design System
Design Systems Architecture Diagrams
Design Systems Architecture Diagrams
This article proposes a visual vocabulary of brands, systems, and products. The vocabulary denotes a design system’s varying outputs, documentation, adoption, and organizational boundaries. To conclude, the vocabulary is illustrated via complete, scenario-based example.
Typography in Design Systems
Typography in Design Systems
Everyday digital interfaces include a rich variety of images, visualizations, and other pictures. However, more than anything else, they are made of words. Oh so many words. As we equip teams to design and code usable, consistent, beautiful interfaces using systems, it’s essential that words depend on a strong foundation of typography.
Flows
An Introduction to Interaction Flows — UX Planet
An Introduction to Interaction Flows — UX Planet
Could IX Flows be a key to smoother design/dev handoffs?
How to Make UI/IX Flows With Overflow — UX in Plain English
How to Make UI/IX Flows With Overflow — UX in Plain English
Learn to create UI/IX Flows with Overflow to speed up the handoff process.
Typography
Typography Elements Everyone Needs to Understand — Gravit Designer Blog
Typography Elements Everyone Needs to Understand — Gravit Designer Blog
Type design may be intimidating to many, with terms such as leading, baseline, kerning, ascender, tail, and many more … The good news is, there are eight basic, universal typographical design elements: typeface, hierarchy, contrast, consistency, alignment, white space, and color. Even a basic understanding of each of these elements can revolutionize any design project.
What's the Best Font Size For the web? Well, It Depends… — Imarc
What's the Best Font Size For the web? Well, It Depends… — Imarc
Picking a font size for the web used to be really easy. 16 points and you’re done. You could feel confident that your content would be decently readable on PC or Mac, Netscape or IE. Man, have times changed.