Accessibility

Test your color usage against established color contrast guidelines Build components to be keyboard and screen reader accessible by default. The Ebay Accessibility MIND pattern Validate [[Dat...

Atomic

Atoms are the smallest, building block material in [[Design System]], that can’t be broken down any further without breaking the functionality. In [[Zettelkasten]] method, it recommends building...

Data Visualization and color

While choosing colors to create a new categorical combo, try to pick colors across the spectrum to make use of different hues, tints, and tones. For [[Accessibility]], avoid a sequence that uses ad...

Design Sprint Phases

Understand What is the problem we’re trying to solve? [[§Is this a real problem]]? Who is this problem relevant / why do they care to have it solved? Diverge What are the hypothetical s...

Design Sprints

Design Sprint is a process for solving and validating ideas. [[Design Sprint Phases]] needs to be followed, especially prototyping and testing. Without those, it will be just a brainstorming. [[De...

Design System

Design System is a collection of reusable [[Components]], build using [[Atomic]] and Sub-atomic [[Design Tokens]] particles that follow the guideline, behave consistently, and together work as the ...

Design Tokens

Design tokens are the “subatomic” foundation of a [[Design System]] implementation. They are the values needed to build a design system, like color, space, typography etc., represented as data. De...

Design is Scaling

Design is not just about visual aesthetics. One reason businesses invest in design is that it defines product, builds consistency, reduces learning curve, thus attracts and retains customers, and r...

Design sprints aren’t just for designers.

[[Design Sprints]]is a problem solving process that provides validation to solution. The focus is on identifying and understand problem and developing solution, and not design. Here, design is just...

Design

#map > [[Learning]]

Figma

Figma is a vector graphics editor and prototyping tool and is primarily web-based. #map > [[Tools]]

Lean UX and Design Sprint

Lean UX follows a build > test > iterate loop. The idea is to get a product in front of real people, learn from them, then improve it. The problem with lean UX is that users aren’...

Lettering Calligraphy and Typography are different

Calligraphy is writing letters, lettering is 'drawing' letters and typography is making a set of letters that goes together. **Source ** https://medium.com/kerala-designers-collaborativ...

Making notes is the easiest part

Making notes is the easiest part when it comes to knowledge management. Links, Wikipedia, copy-paste, kindle highlights - all can be considered as notes.The idea of note taking is not to collect, b...

Modular Scale

A modular scale in [[Typography]] is a sequence of numbers that relate to one another in a meaningful way, mostly with a common multiplier. This helps to create a proportion, which helps in buildin...

Pareto Principle

The Pareto principle states that for many outcomes roughly 80% of consequences come from 20% of the causes (the “vital few”). what 20% can we design and build that can assuage 80% of the wheel ...

Pilots & Scorecards

Do [[Interface Inventory]], and find the frequency of usage of common components. Apply [[Pareto Principle]] It is better to start with a pilot project, instead of doing for the entire proje...

Testing Concepts

Create multiple prototypes, present it to outsiders (real audience, not people inside), individually (to avoid [[Priming]]). Ask questions, but not questions like "Which one is better / which...

Typography

[[Modular Scale]] [[Lettering Calligraphy and Typography are different]] #map > [[Design]]

Usable doesn't always result in usefulness.

In normal [[NoteTaking]], we sort by topics and sub-topics, which is usable, but reduces the chance of connecting two random ideas. (which reduces it's usability). [[Figma]]'s var...

What they say versus what we hear

Have clarity of communication, so everyone remains focused on the same goal. It’s an empathetic way of communicating - use the language the others are speaking. Source [[Book - Creative Strateg...

Zettelkasten

Zettelkasten (Slipbox) recommends creating independent, [[Atomic]] notes so that we can connect it with other ideas and build new ideas. It creates a graph structure. Topic sub-topic format of note...