Notes.Hiran

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.

    • View Linked References
    • View Related Posts
    • Open in new tab