Visually Separate Elements
Image: uidesign.tips Prefer to visually separate menu sections with whitespace. Whitespace makes the UI look cleaner and request less cognitive eff…
Validate Deletion
Image: uidesign.tips Never allow the user to delete something without validation. People misclick all the time, and losing information forever hur…
User Hate Surprises
Image: uidesign.tips With a simple UX copy adjustment, you can avoid misunderstandings and upgrade your product experience. This is a real-life ex…
Use Value Calculators
Image: uidesign.tips The biggest struggle with a landing page is to communicate clearly your value. People care the most about making their job qu…
Use Red on Important Actions
Image: uidesign.tips Highlight important actions with the red color (aka danger zones). The red color signifies danger and warms users to pay at…
Use Real Mockups
Image: uidesign.tips Real catchy mockups can make a huge difference on your landing page. Give people a hint about your product and make them curi…
Use More Numbers
Image: uidesign.tips Back up your offer with compelling numbers to make people trust you. It's needless to say that all these numbers must be r…
Use Labels Cleverly 2
Image: uidesign.tips A smart use case for labels is on color pickers with predefined values. Depending on the app's context you can even omit …
Use Labels Cleverly 1
Image: uidesign.tips Complement your link copy with a visual representation of the selected value. In this example, the labels show you how capital…
Use Better Link Button
Image: uidesign.tips Links are important and you need to treat their appearance nicely. Many times a traditional button works better than a single…
Upgrade The Login Screen
Image: uidesign.tips Leverage your login to showcase your product's core value. People visit your login page very often. Remind them why your …
The Power of Faces
Image: uidesign.tips Faces have a hidden power. The human face prompts strong emotions and attracts the people's attention. It's even bet…
The Perfect Header
Image: uidesign.tips A good header needs to put attention on the title and then lead the reader to the description, which must be readable. A few …
The Gutenberg Principle
Image: uidesign.tips The Gutenberg Principle (aka Z-Pattern Layout) states that users' eyes travel according to a Z-shaped path from the top-le…
Testimonials In Signup Forms
Image: uidesign.tips The signup screens is an important screen within te user flow that designers and founders usually neglect. It's the perfe…
Support Icons With Labels
Image: uidesign.tips Icons can often confuse users or get misinterpreted by different people due to their experience level or even due to their cul…
Social Login
Image: uidesign.tips Social login boosts conversion since users can easily join your platform. Then, it's a good practice to put your social l…
Show Product Value with Visuals
Image: uidesign.tips What's the best kind of images for a landing page? Images from your product, of course. Even better, if you can visualize…
Prompt User to Scroll
Image: uidesign.tips Your website needs to prompt users to scroll to communicate your product's value better. Especially when the header conte…
Prioritize UX
Image: uidesign.tips Instagram recently launched Shop. The decision to place it at the position of the Activity tab is not random... This might l…