SVG can do THAT?! by sdrasner
119 slides from Sarah on a wide range of SVG magic (with code).
Tags: design
1098
Patterns Day 2017: Paul Lloyd on Vimeo
Paul pulls no punches in this rousing talk from Patterns Day.
The transcript is on his site.
Another Lens - News Deeply x Airbnb.Design
A series of questions to ask on any design project:
- What are my lenses?
- Am I just confirming my assumptions, or am I challenging them?
- What details here are unfair? Unverified? Unused?
- Am I holding onto something that I need to let go of?
- What’s here that I designed for me? What’s here that I designed for other people?
- What would the world look like if my assumptions were wrong?
- Who might disagree with what I’m designing?
- Who might be impacted by what I’m designing?
- What do I believe?
- Who’s someone I’m nervous to talk to about this?
- Is my audience open to change?
- What am I challenging as I create this?
- How can I reframe a mistake in a way that helps me learn?
- How does my approach to this problem today compare to how I might have approached this one year ago?
- If I could learn one thing to help me on this project, what would that one thing be?
- Do I need to slow down?
Presenting the new d3.loom chart form plugin - Visual Cinnamon
Nadieh has packaged up the code for her lovely loom diagrams as a plug-in for d3.
Patterns Day 2017: Alice Bartlett on Vimeo
At Patterns Day, Alice shared what she has learned from shepherding the Origami project within the Financial Times.
Tooltips & Toggletips
Another great deep dive by Heydon into a single interface pattern. This time it’s the tooltip, and its cousin, the toggletip.
There’s some great accessibility advice in here.
Patterns Day 2017: Jina Anne on Vimeo
Jina invented an entirely new genre for her Patterns Day talk—autobiographical fantasy.
Berlin Typography – Text and the City // Buchstaben und die Stadt
A blog dedicated to documenting the letterforms on display in Berlin.
What I’ve learned about motor impairment
James gives—if you’ll pardon the pun— hands-on advice on making sites that consider motor impairment:
- Don’t assume keyboard access is all you need
- Auto complete/Autofill
- Show me my password
- Allow for fine motor control issues
- Don’t autoplay videos
- Avoid hover-only controls
- Infinite scrolling considerations
- Be mindful of touch
- Avoid small hit targets
- Provide alternate controls for touch gestures
Far from being a niche concern, visitors with some form of motor impairment likely make up a significant percentage of your users. I would encourage you to test your website or application with your less dominant hand. Is it still easy to use?
Videos in “UX London” on Vimeo
The videos from UX London 2017 are available for your viewing pleasure.
Designing The Perfect Slider – Smashing Magazine
If you thought Vitaly’s roundup of date pickers was in-depth, wait ‘till you get a load of this exhaustive examination of slider controls.
It pairs nicely with this link.
Jeremy Keith on resilient web design - UX Chat
In which I have a conversation with a polar bear.
Very well-mannered species …I’ll miss them when they’re gone.
Reflections on Two Years of Indieweb
Alex Kearney looks back on two years of owning her own data.
With a fully functional site up and running, I focused on my own needs and developed features to support how I wanted to use my site. In hind-sight, that’s probably the most indie thing I could’ve done, and how I should’ve started my indieweb adventure.
This really resonates with me.
One of the motivating features for joining the indieweb was the ability to keep and curate the content I create over time.
Terrific post!
Here’s to two more years.
Empathy Prompts
A series of small suggestions that anyone can try so that they can better empathise with people who experience digital products differently.
These prompts are intended to help build empathy, not describe any one person’s experience. These prompts are not intended to tokenize the experience of the individuals experiencing these conditions.
Despicable Design — When “Going Evil” is the Perfect Technique
I really like this “evil” design exercise that Jared has documented on Ev’s blog.
I broke them up into small groups of three, spreading each role across separate groups. I then asked each person to grab a sheet of paper and make their own list of ways they imagined the product’s user experience could be made worse.
Patterns Day 2017: Ellen De Vries on Vimeo
The latest video from Patterns Day is up—Ellen’s superb philosophical presentation: Patterns in Language, Language in Patterns.
There’s so much packed into this one, it might take more than one viewing to take it all in.
A Design System Grammar | Daniel T. Eden, Designer
Once again, we can learn from Christoper Alexander’s A Pattern Language when it comes to create digital design systems, especially this part (which reminds me of one of the panes you can view in Fractal’s default interface):
- Each pattern’s documentation is preceded with a list of other patterns that employ the upcoming pattern
- Each pattern’s documentation is followed by a list of other patterns that are required for this pattern
URLs are UI - Scott Hanselman
So many folks spend time on their CSS and their UX/UI but still come up with URLs that are at best, comically long, and at worst, user hostile.
Designing The Perfect Date And Time Picker – Smashing Magazine
Vitaly’s been bitten with date-picker fever. Here’s his deep, deep, deep dive into one interface element.