UX Planet·2yDark Mode UI Design Best Practices
Dark mode is a night-friendly UI design style that reduces eye strain and improves battery life. It focuses on delivering good user experiences by reducing glare and directing attention to content. However, it can pose accessibility and branding issues. Following best practices such as using darker shades of black, avoiding saturation, and testing in various lighting settings can help designers seamlessly integrate dark mode into their designs.
Bootcamp·2y7 New Apps/Websites to explore as UX/UI designer
Discover 7 new apps/websites for UX/UI designers, including Visily for brainstorming and prototyping, MingCute icons for micro animations, Rebrand and FreeFaces for inspiration, ls.graphics and Mr.mockups for mockups, and Wave for accessibility. Plus, Science Direct for research on user experience design.
freeCodeCamp·2yWeb Accessibility Best Practices – How to Ensure Everyone Can Use Your Website
Web accessibility is important for creating inclusive websites that can be used by people with a wide range of abilities. It involves using semantic HTML, ensuring sufficient contrast, making functionality keyboard accessible, providing alt text for images, using ARIA roles when necessary, ensuring accessible forms, captioning and transcribing audio and video, and designing consistent navigation. Automation tools like Axe, WAVE, Google Lighthouse, and others can help in testing and improving accessibility. Prioritizing accessibility in web design leads to a more inclusive and user-friendly digital environment.
Community Picks·2yHTML: The Bad Parts
This article highlights some of the shortcomings of HTML in terms of accessibility and usability. It discusses issues with the <select multiple> attribute, the <i> element for icons, <ul> and <ol> elements, the title attribute, and more. The author emphasizes the importance of recognizing and addressing these gaps to create a more inclusive web.
Hacker News·2yShould you add screenshots to documentation?
Screenshots in documentation can be contentious. Outdated screenshots can decrease customer trust and slow down page loading. However, they can also make content easier to scan, provide a visual frame of reference, and supplement confusing task steps. To effectively use screenshots, it is important to consider their purpose, make them accessible, use simplified versions, and automate their creation and maintenance when possible.
