I'm a full-stack developer that is passionate about good user interfaces. In my newsletter, I talk mainly about UI/UX stuff. You could expect an email or two in a month, I'm not aiming to spam you with non-useful info.
User Awareness
|
Hello Reader, Real and digital life share a lot of similarities. Sometimes, you may feel that your app is almost perfect, but something still feels off. That’s why it’s crucial to understand usability heuristics. One of these heuristics is Visibility of System Status: The design should always keep users informed about what is happening through appropriate feedback within a reasonable amount of time. This principle applies to real life, too — in other words, people should be aware of what's going on around them.
For digital products, here is a list of examples to consider: File Upload: Show a notification when a file is uploaded. Form Submission: Display a progress bar while the form is being submitted. Loading Data: Use a loading spinner or progress bar when fetching data from the server. Saving Changes: Show a "Saving..." indicator when changes are being saved. Search Function: Display a search progress indicator during the search. Page Load: Show a loading indicator while a webpage or app screen loads. Data Sync: Notify users when data synchronization is in progress. System Updates: Display an update progress bar during system updates. Error Messages: Show error notifications when an operation fails. Login Process: Indicate the status of the login process (e.g., "Logging in..."). Download Progress: Show download progress for files or updates. Completion Notification: Notify users when a background process completes. Hover States: Change button or link appearance on hover to indicate interactivity. Auto-save: Show an auto-save indicator for applications that save automatically. Queue Position: Indicate the user's position in a queue or waitlist. Battery Status: Display battery charging or discharging status. Connection Status: Show current connection status (e.g., Wi-Fi signal, online/offline status). Printer Status: Notify users of the print job status. Calendar Sync: Show synchronization status for calendar events. E-commerce Checkout: Indicate progress through the steps of the checkout process. The list could go on, but you get the idea. I’ll cover usability heuristics in my course because, to me, this is essential knowledge to be aware of. |
Victor Ponamariov
I'm a full-stack developer that is passionate about good user interfaces. In my newsletter, I talk mainly about UI/UX stuff. You could expect an email or two in a month, I'm not aiming to spam you with non-useful info.
I've just gone through some of the screenshots I collected over the past few months. I’d like to share one of them with you. I don’t have a universal solution for rating UX. What I want to share is this thought: sometimes people come up with a great solution, but due to human nature, lifestyle, or whatever-you-want-to-call-it, the solution ends up becoming useless. I remember reading news about a new law that limits the number of SIM cards a person can buy. Many people use them for fraud, or...
I apologize for being absent. For the past ~2 months, I've collected quite a lot of topics for newsletter issues; hopefully, you will like them. Today I want to share with you a screenshot from my bank app and make a quick review of the problems it has. In my humble opinion, of course. Here we go. There are quite a few problems: 1. Separated from each other, the expiration date, card number, and security code are all part of the card credentials. The thing is, if you need to see card number,...
It's been quite a while since I sent my last newsletter. Fully focused on my course that I should have finished in the past year =\ But I want to share something really cool. Accidentally, I noticed this trick on nuxt.com. Then I posted about it, and other folks sent more examples of the same trick. Sometimes, when I want to download a logo, I right-click on the header logo to copy it. Now, look at what happens on these four sites. Nuxt.com Linear.app Evidence.dev Svgl.app All these examples...