22 Matching Annotations
  1. Oct 2025
    1. UI and UX 101 for Web Developers and Designers

      It's important to figure out whether you have the ability to see good design or not: * If your pages are crappy/don't look good then you aren't able to see good design. * Sometimes going back to basic design principles can be helpful * Negative space usage is important so users don't get overwhelmed * Sometimes templates can be helpful to save yourself extra time

    1. It is our job as designers to align the brand/company’s identity, image, and message to their audience (or users)

      UX Designers are very similar to rhetoricians as they are both working on getting a message/persuading their audience/users towards a certain goal. UX Designers must think about what might interest/appeal to a userto get them to click a certain area or link.

  2. Sep 2025
    1. UX Application: Cognitive Load

      Icons & Visuals: Unfamiliar or inconsistent icons force users to guess. Use standard icons (trash bin = delete, magnifying glass = search). Gmail keeps standard iconography new, trash, and flag to keep it simple

    2. Cognitive Load

      UX Applications of Cognitive Load 1. Navigation

      Complex menus with dozens of options overwhelm users. Limit main nav items (5–7 max), use clear labels, and group related content. Apple’s website keeps top navigation simple (Mac, iPad, iPhone, Watch, TV & Home).

    3. UX Application: Anchoring

      Subscription & Donation Defaults: Users tend to stick close to the default amount they see first. Preselecting a mid- or high-level subscription or donation option.Users are anchored toward that choice even if smaller options exist.

    4. Anchoring Bias

      Default Options: A form with a pre-selected donation of $50 anchors users toward donating around that amount, even if other options ($10, $25, $100) exist.

    5. UX Application: Serial Position

      Mobile App Tabs: In a banking app, the first tab is “Accounts”, and the last tab is “Support.” Users naturally remember these, while less critical tabs like “Promotions” are in the middle.

    6. Serial Position Effect

      In long blocks of text, readers recall the beginning and end better. Place important messages, offers, or CTAs at the start or end of a page or paragraph

    7. UX Application: Fitts's Law

      Form Inputs & Controls Tiny checkboxes, radio buttons, or dropdown arrows cause mis-taps, use larger checkboxes and radio buttons so that it is easier for users.

    8. Fitts's Law

      E-Commerce

      Bad: “Add to Cart” is a tiny link buried under product details.

      Good: Big, bold “Add to Cart” button directly next to product image/price.

    9. UX Application: Hick's Law

      Footer Links: A site with 30+ footer links creates friction. Prioritizing the most-used ones (Privacy, Contact, Careers) makes scanning easier.

    10. Hick's Law

      Registration Forms: Asking for 20 fields at once (name, email, phone, DOB, address, preferences, etc.) creates decision fatigue. Splitting into steps (Basic Info → Security → Preferences) reduces load.

    11. UX Application: Confirmation Bias

      Selective observation: During a session, a designer may notice only when a user succeeds with the interface and dismiss or minimize times when they struggle — reinforcing the belief that the design works fine.

    12. Confirmation Bias

      Hiring decisions: A manager who believes a candidate from a prestigious university must be better and will focus on their strengths and downplay any flaws in their resume.

    1. Steve Jobs perfect response to an insult. Worldwide developer conference 1997.

      I agree with what Steve said about everyone making mistakes and being able to learn from them

    1. Group Attractiveness Effect

      This is basically the idea that items single items grouped together will help grab a users attention easier than when they're alone. This can be seen when you are shopping online and you are looking at an item then receive recommendations of other items that may work well with that specific item.

    2. Spark Effect

      Spark Effect is the idea that when a task or activity takes minimal effort a user is more likely to interact or take action with it. This is important for UXD because it may help a certain website or app receive more user interaction. An example could be the "buy now with one click option" on Amazon. The idea that you only have to click one button to order something makes it easier instead of having to go through all the checkout screens.

    3. Investment Loops

      Investment loops help increase user retention by encouraging users to come back by investing time, money, information, or effort into a product and setting specific goals. Another example of this could be someone signing up for the gym and using their monthly cost as a reason to make themselves go.

    1. Design low- and high-fidelity prototypes using modern tools such as Figma, Adobe XD, and others. [1,2,6b]*

      This seems interesting and I'm excited to try out the differnt tools