141 private links
Use a radio buttons in place in the login form to choose how to sign-in.
Other user flows collection
Think you've found an example of good UX? Take a screenshot and send 'er in! We want to build our library to provide as much inspiration as possible. You can also contact us with questions, concerns, or just to chat.
Specific resources. They seems qualitative
Instead of showing screens, this website collects page flows. It's better to shape UX with complete examples :)
I was against constently creating "friendly, conversational experience" but the rest of the post has great advices.
good error messages explain what has happened or is happening, why (if we know the reason), and what the user should do. Additionally, include any sensitive information related to the process or flow where the error appears. For example, if an error occurs during the payment process, provide users with information concerning their money.
I can also quote all headings
As a rule of thumb, disable if you want the user to know a feature exists but is unavailable. Hide if the value shown is currently irrelevant and can’t be used.
"workarounds to cyber security are the norm, rather than the exception. They not only go unpunished, they go unnoticed in most settings—and often are taught as correct practice."
About IT in healthcare systems. The article provide many examples.
Yep
Avoid to open it in new tab in most cases. There are some where it makes sense.
Add an "open in new tab" mention or its icon, with the expected alt text for assistive technologies.
It has more impact than "semantic HTML" but it they share common goals.
It can be a meme: instead of talking about semantics, UX is trendy and can be used as trendy shit word instead.
UX HTML is more accessible, less error-prone, more maintainable because it uses the right tags and attributes. Yes it is semantic at the end.
So UX of HTML matters.
:has
has a lot of possibilities with drag'n'drop. Here the developer uses 3 items: mushrooms, potions and .
For example: dragging some items to make parts of the site grow. https://lynnandtonic.com/assets/images/thoughts/case-study-2022-mushroom-header.mp4
See https://lynnandtonic.com/assets/images/thoughts/case-study-2022-david-rose.mp4 for more real interactions.
A potion adds color: https://lynnandtonic.com/assets/images/thoughts/case-study-2022-home-potions.mp4
with the UX tips https://www.uidesign.tips/ux-tips
Both Figma and Photoshop are for people who believe the web looks like an image.
Semantic HTML is a must. Because there is UX with HTML :D
Another thing our design tools really don’t give a shit about is accessibility. And to be honest, I think most of our industry doesn’t really care about accessibility as well.
Looks also valid to me.
The specialists who helped the architect in making sure it was certified did nothing else than ticking boxes. And this is exactly what most of us do when we think we make our sites accessible. We tick the WCAG boxes.
A website that embraces Brutalist Web Design is raw in its focus on content, and prioritization of the website visitor.
A website is about giving visitors content to enjoy and ways to interact with you.
Guidelines:
- Content is readable on all reasonable screens and devices.
- Only hyperlinks and buttons respond to clicks.
- Hyperlinks are underlined and buttons look like buttons.
- The back button works as expected.
- View content by scrolling.
- Decoration when needed and no unrelated content.
- Performance is a feature.
The only limitation of brutalist web design is that it is designed for content and not interactions. So this design method does not fit dashboards of real-time data for example. Am I missing something here?
I appreciate the guidelines that can be reused on every usable and accessible website or applications.
A quickstart tip:
Start with left-aligned black text on a white background, and to apply styling only to solve a specific problem
and more tips:
- Understand the semantic meaning of HTML elements.
- Learn about typography.
- Try designing for a small screen by default.
- Learn from designers about their choices and why they made them.
- When in doubt, do what Tron does: fight for the users.
A workflow or framework with methods for each step