brightperegrine: Photo of grassy hills (Default)
Checklist Design
List of design elements and best practices to follow with each one. Pretty big, but doesn't get everything.

Component Gallery
List of design components and examples in big design systems. Smaller scale elements than Checklist Design.

The Ideal Line Length and Line Height in Web Design

Finally, a coherent explainer of what makes lines of text look good and bad!
brightperegrine: Photo of grassy hills (Default)

The Elements of Typographic Style, Robert Bringhurst

The Non-Designer's Type Book, 2nd ed: Insights and techniques for creating professional-level type, Robin Williams (currently reading)

BrandingPays: The Five-Step System to Reinvent Your Personal Brand, Karen Kang

Practical UI, Adham Dannaway

brightperegrine: Photo of grassy hills (Default)
More to come over time.

General

WCAG 2.2 Standards
Big document of what the official standards are to meet. Somewhat legalese.

WebAIM
Big resource site.

Interaction Design Job Requirements | Visual Design Job Requirements
Teach Access's suggested accessibility knowledge requirements to be hired for different roles.

A Designer’s Guide to Documenting Accessibility & User Interactions
By Stephanie Walter. How to mark up a Figma file so developers know how to implement for accessibility.

Figma Accessibility Annotation Kits | For Web | For iOS
Made by CVS. Bunch of premade components for Figma to make it faster to mark up files so developers know how to implement them in accessible ways.

Disability Studies Quarterly

Academic journal on disability. Seems to focus on things primarily through the angle of media and culture.





Perceivable

Venngage color scheme generator
Put in one color hex code, get a variety of accessible color schemes from it. Very good for finding other tints and shades of a preexisting color that have better contrast against text.

Contrast Grid
Takes all your colors and shows which ones can be used together to pass WCAG 2.0 contrast ratios! Useful for quickly communicating to other people quickly which colors should and shouldn't be used together.




Operable

How to document the screen reader user experience
By BBC.

A guide to designing accessible, WCAG-conformant focus indicators
What it says on the tin.
brightperegrine: Photo of grassy hills (Default)
Compilation of advice I have been given and things I liked that other people did. This list may be added to over time.

The purpose of a presentation is to explain the research that was done, information found out, and why all of this supports the design proposal that the speaker is about to give. In the context of a class, teachers may expect to see certain assignments/deliverables included in a specific way, but the goal is still to speak about what was learned from these, instead of merely proving that the assignment was done on time.

For a big presentation synthesizing everything, it is important to start creating it early. Dump all the files into the Google Slides/InDesign/Canva/whatever, so that the order can be determined ahead of time. This encourages thinking about how to narrativize the results as they come in, which is useful in the pitch-heavy environment of design. A good presentation cannot be made in a day, which I keep on having to remind myself of.

Notes on structure
  • Start with explanation of project goal
  • 2nd slide table of contents to feel organized
  • 10 second explanation of what each type of research method is before going into results

When doing a prototype walkthrough, walk the audience through a journey as a persona, and tell them how the persona is supposed to feel throughout. Describe how each feature addresses user pain points.

Do at least one runthrough before the actual thing to get a sense of how long it will take.
Page generated Sep. 9th, 2025 06:57 am
Powered by Dreamwidth Studios