Skip to main content

Search

Items tagged with: UIdesign


The importance of adding accessibility design reviews to the design process
adhoc.team/2023/02/22/the-impo…
#a11y #uidesign #webdesign


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

twitter.com/adambsilver/status…

#UX #UXDesign #usability #forms #UIDesign


Live form validation hurts UX. Here’s why. (From Adam Silver on Twitter) twitter.com/adambsilver/status… #ux #UXDesign #UIDesign #webdesign #forms


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


Usability Pitfalls of Disabled Buttons, and How To Avoid Them
smashingmagazine.com/2021/08/f…
#webdesign #forms #UIDesign


Designing for People with Cognitive Disabilities and Everyone Else youtube.com/watch?v=9Ae8bUlSSX… #coga #a11y #UIDesign #webdesign


"The people who develop [pop-ups] have no idea about design and user experience" theverge.com/tech/23653544/pop… #UIDesign #webdesign #UX #usability


Designing and Coding for Voice: briandeconinck.com/designing-c… "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
bootcamp.uxdesign.cc/app-acces… #mobile #mobileDev #mobileDesign #UIDesign #a11y


Designing for Reduced Motion craftcms.com/blog/designing-fo… #webdesign #a11y #motion #animation #usability #UXDesign #UIDesign


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


What is Cognitive Load? youtube.com/watch?v=t32ysGaBRT… #UIDesign #UXDesign #Design


App accessibility: Commonly overlooked accessibility practices for mobile apps
bootcamp.uxdesign.cc/app-acces… #mobileDesign #mobileDev #a11y #UIDesign


"Visually pleasing designs use consistent type styles and spacing, create a visual hierarchy, and utilize an underlying grid structure." nngroup.com/articles/why-does-… #UIDesign #WebDesign


Learn to Create Accessible Websites with the Principles of Universal Design
interaction-design.org/literat… #UIDesign #WebDesign #UniversalDesign


Deceptive Design Hall of Shame: deceptive.design/hall-of-shame… #UIDesign #DarkPatterns #darkpattern #webdesign #productmgmt


The Many Benefits of Annotating Your Wireframes
xd.adobe.com/ideas/process/wir…
#webdesign #wireframes #uxd #ixd #uiDesign


The State Of Usability In 2023 — great info here! smashingmagazine.com/2023/01/u… #usability #uxDesign #uiDesign


"To design accessible visuals, account for color contrast, don’t rely on color alone, make interactive elements easy to identify, provide useful alternative text for images, and test your visuals with real users." nngroup.com/articles/visual-tr… #webdesign #a11y #visualdesign #UIDesign


Designing With Reduced Motion For Motion Sensitivities (2020): smashingmagazine.com/2020/09/d… #motion #webdesign #UIDesign #a11y


Useful Accessibility And Usability Examples To Help Improve Your Designs smashingmagazine.com/2022/12/u… #UIDesign #webdesign #a11y #UXDesign


How type influences readability: fonts.google.com/knowledge/rea… #typography #legibility #readability #UIDesign


With web forms, for birthdate, a text input should be used for the best usability. A dropdown for the year is bad, but this is ridiculous! Sorry, but no one will be born in 2055 for another 32 years. Found multiple instances in the same painful process to sign up my son for a sport. #rant #UX #UXfail #UIDesign #UIFail #usability #forms 😖


Usability 2023 — many of the “Frustrations” and “Delighters” listed are very much related to accessibility: smashingmagazine.com/2023/01/u… #webdev #webdesign #ux #usability #a11y #UIDesign


Designing Better Links For The Web (Smashing Mag, Dec 2021) smashingmagazine.com/2021/12/d… #webdesign #UIDesign #links #usability #tips


Foundations: target sizes tetralogical.com/blog/2022/12/… #a11y #wcag #uiDesign #webdesign


Interesting and valuable! "10 types of cognitive bias to watch out for in UX research & design" bootcamp.uxdesign.cc/10-types-… #uxDesign #uxResearch #UIDesign #usabilityTesting


You Don’t Need A UI Framework smashingmagazine.com/2022/05/y… #webdev #UIDesign #frameworks


YES 👉 "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." nngroup.com/articles/hostile-e… #ux #usability #forms #uiDesign


What designers can learn from Apple’s new accessibility features uxdesign.cc/what-designers-can… #design #UIDesign #a11y #apple


"Regardless of what accessibility conformance level you target, do not arbitrarily open links in a new window or tab. If you are required to do so anyway, inform users in visible text." adrianroselli.com/2020/02/link… via @aardrian #UIDesign #IXD #a11y #links #wcag #tips


First ask yourself, "Why are we hiding content?" Check out this great article, Inclusively Hidden, by @scottohara scottohara.me/blog/2017/04/14/… #webdev #webdesign #uiDesign #a11y #accessibility


Why the GOV.UK Design System team changed the input type for numbers: technology.blog.gov.uk/2020/02… #forms #webdev #uiDesign