rawandev.top

Image: uidesign.tips Prefer to visually separate menu sections with whitespace. Whitespace makes the UI look cleaner and request less cognitive eff…

Image: uidesign.tips Never allow the user to delete something without validation. People misclick all the time, and losing information forever hur…

Image: uidesign.tips With a simple UX copy adjustment, you can avoid misunderstandings and upgrade your product experience. This is a real-life ex…

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…

Image: uidesign.tips Highlight important actions with the red color (aka danger zones). The red color signifies danger and warms users to pay at…

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…

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…

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 …

Image: uidesign.tips Complement your link copy with a visual representation of the selected value. In this example, the labels show you how capital…

Image: uidesign.tips Links are important and you need to treat their appearance nicely. Many times a traditional button works better than a single…

Image: uidesign.tips Leverage your login to showcase your product's core value. People visit your login page very often. Remind them why your …

Image: uidesign.tips Faces have a hidden power. The human face prompts strong emotions and attracts the people's attention. It's even bet…

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 …

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…

Image: uidesign.tips The signup screens is an important screen within te user flow that designers and founders usually neglect. It's the perfe…

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…

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…

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…

Image: uidesign.tips Your website needs to prompt users to scroll to communicate your product's value better. Especially when the header conte…

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…

Image: uidesign.tips A landing page's CTA section reminds your visitors to subscribe to your service. Add a preview of your product to entice …

Image: uidesign.tips Social authentication can boost conversions and remove friction from your user onboarding. In the early days of MagicPattern…

Image: uidesign.tips Make it as simple as possible for users to enter their information.⠀ Choosing the right UI element plays a huge part in …

Image: uidesign.tips Personalize the landing page based on user's location, when it's applicable. It's relatively easy to learn the vi…

Image: uidesign.tips Personalize the landing page's content based on user's location, when it's applicable. It can be as easy as displ…

Image: uidesign.tips The left cards use the same padding around the card. Yet the visual result seems off. A quick fix is to make the padding larg…

Image: uidesign.tips Spark curiosity when you ask the "big" questions (eg. signup, upgrade). By showing a glimpse of your UI, users feel…

Image: uidesign.tips When you build a product in an established market, it's obvious that many potential customers will already use another sim…

Image: uidesign.tips The classic tooltip is activated once the user hovers over the element... On desktop, this works perfectly! However mobile d…

Image: uidesign.tips The two "secret" weapons to enhance your input fields are the placeholder text & its type.

Image: uidesign.tips In many cases, cards fail to indicate that they're clickable. Designers omit CTA buttons and only count on the user's…

Image: uidesign.tips Social proof is your most powerful asset. You build credibility & encourage acceptance of your product. As humans, we ten…

Image: uidesign.tips Leverage your branding to spice up your common (boring) interactions like feature announcements. Taco from Trello is their w…

Image: uidesign.tips Never let users guess what's the next step on your user journey. Have in mind that conversions might be low because peopl…

Image: uidesign.tips Visual hierarchy is important in design because it boosts the user experience and leads the user attention Your No.1 priority…

Image: uidesign.tips Colors are a core element for any user interface. One of the most common mistakes in UI design is the over usage of the brand…

Image: uidesign.tips Always highlight your best pricing plan and make it pop out. In that way, you help users identify the most used plan and you …

Image: uidesign.tips Hack visual hierarchy with these simple hacks: Reduce the opacity of secondary info Use bold font-weight to emphasize …

Image: uidesign.tips Another visual hack to ensure consistency for transparent avatars is by adding a subtle border around them, the same color as …

Image: uidesign.tips Many platforms (like Twitter) allow PNG avatars that can cause UI inconsistencies To avoid this problem add a subtle border a…

Image: uidesign.tips Always specify why your app or plugin needs specific permissions from users. By being clear upfront you build trust and tran…