Skip to main content

Search

Items tagged with: uidesign


Great stuff! "A letter to my younger self, as an accessibility advocate"
https://heather-buchel.com/blog/2024/03/letters-to-an-accessibility-advocate/
by heather buchel #a11y #UIDesign


Making data visualizations accessible: https://www.tpgi.com/making-data-visualizations-accessible/ Great advice on alt text, color, usage, keyboard access, and code. #a11y #UIDesign #webdesign


Dear PNC Bank, clicking the back browser button while signed into your website should not blow up the browser tab and completely break the authentication. #usability #UX #UIDesign #webdev #fail


Designing better target sizes 👉 https://ishadeed.com/article/target-size "An interactive guide that is all about enhancing the target size area with CSS" #css #webdesign #UIDesign #a11y


Yup! "Placeholders in Form Fields are Harmful" https://www.youtube.com/watch?app=desktop&v=jrigp2L-P-0 #UIDesign #UXDesign #forms


Explore IBM Design’s approach to designing for sustainability -- link to PDF white paper including design checklist for sustainability 🌎

https://www.ibm.com/design/practices/design-for-sustainability/

#IBM #design #UIDesign #sustainability #environment #goGreen


F U, Apple. "In Loving Memory of Square Checkbox" https://tonsky.me/blog/checkbox/ #UIDesign #forms #fail


I think I posted this a while back. Too bad it's not accessible. UX Dictionary https://www.uxdictionary.io/ #ux #UIDesign #irony


Designing better target sizes https://ishadeed.com/article/target-size/ 👈 Excellent resource! #a11y #webdesign #uiDesign #design #accessibility


16 Lesser Known Accessibility Issues [and Tips]

https://toward.studio/latest/16-lesser-known-accessibility-issues

"12. Don’t hide labels. Ever."

#a11y #accessibility #webdev #webdesign #tips #UIDesign #forms


Accessibility Tools and Resources for Designers https://www.digitala11y.com/accessibility-tools-and-resources-for-designers/ #webdesign #UIDesign #a11y


Creating Accessible UI Animations https://www.smashingmagazine.com/2023/11/creating-accessible-ui-animations/ #UIDesign #a11y #animation #webdesign


The problem with disabled buttons and what to do instead:
https://adamsilver.io/blog/the-problem-with-disabled-buttons-and-what-to-do-instead/

Disabled buttons suck:
https://axesslab.com/disabled-buttons-suck/

#UIDesign #forms #usability #a11y #accessibility


UX Principles that include Cognitive Accessibility https://www.ab11y.com/articles/ux-principles-that-include-cognitive-accessibility/ by Gareth Ford Williams (2021) #ux #UXDesign #a11y #coga #cognitive #accessibility #UIDesign


4 design principles I use every day to avoid bad UX and create products that work for everyone (by Adam Silver)

https://adamsilver.io/blog/4-design-principles-i-use-every-day-to-avoid-bad-ux-and-create-products-that-work-for-everyone/

Principle 1: Good design works for everyone

Principle 2: Good design makes things obvious

Principle 3: Good design puts users in control

Principle 4: Good design is lightweight

#UXDesign #UIDesign #webdesign


"Premature error messages, aggressively styled fields, and unnecessarily disruptive system-status messages feel bad-mannered and increase cognitive load for users during otherwise simple tasks." https://www.nngroup.com/articles/hostile-error-messages/ #UXDesign #UIDesign #usability


Excuse me? This is the exact "flight number" text provided to me. I tried a few variances and nothing worked. Oh well. #UIDesign #UXDesign #fail


Accessible Numbers—a nice resource for "presenting numbers and data clearly". https://accessiblenumbers.com/ #a11y #numbers #UIDesign #UXDesign


Float labels may put you in the cool club, but they’re terrible UX.

It’s much better if your input’s label:

1) is legible
2) is above the input
3) doesn’t move about
4) is not mistaken for an answer

Simple > clever

-Adam Silver via Twitter

https://twitter.com/adambsilver/status/1660168097595113474

#UX #UXDesign #usability #forms #UIDesign


"6 reasons tooltips are a bad idea and what to do instead": https://adamsilver.io/blog/6-reasons-tooltips-are-a-bad-idea-and-what-to-do-instead/ And generally, tooltips have poor accessibility. #webdev #webdesign #tooltips #a11y #UIDesign


Usability Pitfalls of Disabled Buttons, and How To Avoid Them
https://www.smashingmagazine.com/2021/08/frustrating-design-patterns-disabled-buttons/
#webdesign #forms #UIDesign


Designing for People with Cognitive Disabilities and Everyone Else https://www.youtube.com/watch?v=9Ae8bUlSSXU #coga #a11y #UIDesign #webdesign


"The people who develop [pop-ups] have no idea about design and user experience" https://www.theverge.com/tech/23653544/pop-up-website-ad-ui-design #UIDesign #webdesign #UX #usability


Designing and Coding for Voice: https://www.briandeconinck.com/designing-coding-voice/ "make sure each interactive element has on-screen text that is visually and programmatically associated with the element" ⭐️ #a11y #UIDesign


A great example of how NOT to design typography on a website—thin fonts and poor color contrast. #WebDesign #UIDesign #typography #a11y


App accessibility: Commonly overlooked accessibility practices for mobile apps
https://bootcamp.uxdesign.cc/app-accessibility-commonly-overlooked-accessibility-practices-for-mobile-apps-98d82907b15c #mobile #mobileDev #mobileDesign #UIDesign #a11y


Accessible but never boring — Rebranding the Wise design system for everyone (part 2) https://wise.design/design-at-wise/stories/accessible-but-never-boring-part-2 by Steph Smith #a11y #webdesign #UIDesign