Working Notes
About
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 soluti...
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 ...
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 building blo...
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 tak...
Maslow’s hierarchy of needs
Maslow's hierarchy of needs is a motivational theory in psychology comprising a five-tier model of human needs, often depicted as hierarchical levels within a pyramid. Self-actualization - ...
Lots of inputs and a strong filter
Reading same authors on same topics helps more on confirmation bias. It limits our ability and changes to connect between different thoughts, perspective and fields. If a book is not working, sla...
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 th...
Design debt
Design debt is design solutions, already proposed but skipped in order to reach short-term goals. Lack of budget, skilled devs, high dev-estimation etc usually leads to Design debt. It is impor...
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. Design...
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. Design s...
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 adjace...
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 atomic ...
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 Data ...
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 building vi...
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’...
Scorecards to Pilot Design System Migration
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 project. ...
Workshop Framework 4C
Collect : Listen and List, set scope Choose : Focus some and Ignore the rest Create : Multiple potential Solutions - curate, vote and arrange Commit : Takeaway. Source : Book- The Worksh...
What they say versus what we hear
Have a clarity in communication, so that everyone remains focused on the same goal. Build an empathetic way of communicating - use the language the others are speaking. Source : Book- Creative ...
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 variant, b...
Typography
Typography is the art and technique of arranging type to make written language legible, readable and appealing when displayed. Source : Modular Scale Lettering Calligraphy and Typography are ...
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 one...
Priming
In §Psychology, Priming is a phenomenon whereby previous stimulus influences a response to a subsequent stimulus, without conscious guidance or intention. [1][2] For example, the word NUR...
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 ...
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...
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 : Orion's Article in Malayalam #🌱def / Typography
Components
Components are portions of reusable code within your system and they serve as the building blocks of your application’s interface. Source : Book- Design Systems Handbook #🌱def / §Design
System
A system is a set of things—people, cells, molecules, or whatever—interconnected in such a way that they produce their own pattern of behavior over time. A system is more than the sum of its parts...
Figma
Figma is a vector graphics editor and prototyping tool and is primarily web-based. Source : Figma Website #🌲topic / §Design
From Hiran Venugopalan, under CC0 1.0.