Be Consistent

Like we said just a moment ago, being consistent in feature placement within your UI is important. But you should also be concerned that your UI works and looks consistent across the entire product, too. Don’t have the menu on top of one page and at the bottom of another. Don’t rearrange menu items every time it loads. Make sure that your users know where things are on your site. If you keep a contact form underneath your blog posts, don’t decide to leave it off. Users will notice and be baffled.

Consistency also includes your fonts and design should work from page to page to page. Don’t go swapping header/body fonts from page to page.

There’s an interesting idea called the principle of least surprise that says if you make your user surprised at how something works…rework it so it’s more intuitive.

Additionally, you should make sure that your UI is proper for your platform — iOS apps work differently in some cases than Android. Desktop sites have different needs than mobile sites for menus, galleries, and even product checkout. Consistency means that you don’t frustrate your users by making them have to figure out what to do on your site.

Give Feedback

The last thing that users want is to not understand what is going on. If they press a button, provide an indication that the button was pressed. You can do it in multiple ways. You can animate the button, making it appear to sink into the page. Loading icons (like the MacOS Rainbow Wheel) provide feedback, “We are working on your request”, without having to say it.

If you allow users to upload files (such as with Dropbox or Google Drive), give an indication of time remaining. Provide a pop-up or modal that tells them their action was a success reduces frustration and confusion.

Really, whenever the user takes any action within your interface, just a small acknowledgment can be the difference in a good experience and a lackluster one.

Choose How People Will Interact First

You know what’s the worst? Pushing on a pull door. Especially when you just pushed on a previous to get to that one. That building’s designer made the user interface inconsistent, so you had no clue how to do what you needed to do. What about pressing something that looks like a button that isn’t, but waiting for a response anyway? Well, that’s because those designers didn’t take into consideration how their users were going to interact with their product. So when you’re designing your UI, pick one movement (maybe two) and stick with it.

On mobile devices, that tends to be swiping. Look at Snapchat. Pretty much every single action is performed by swiping, including reaching your settings and profile. You can swipe down on Snapchat to see yourself, swipe left to get to the conversations, right to stories, and up to get to your memories (or whatever they’re being called this week). They chose how they wanted their users to interact with their product and designed their UI to accommodate that. Not the other way around.

When you’re designing your UI, choose if you’re going to use menus and taps, iconography, swipes and gestures, or something else entirely. Alexa and Siri use voice input as their primary UI interaction. The way they provide information and perform their tasks is designed around that particular input. And as a user, you know what to do intuitively because that information was set out for you at the beginning. The designers told you what to do, and you did it. Your users will appreciate you doing the same for them.

Elemental Hierarchy Matters

No, we don’t mean that either Earth, Wind, Water, or Fire is the boss of the others. We mean that the elements on your page need to have a clear hierarchy for both utility and the way the user sees the page. Basically, you want to make sure that the most important functions are at the top of their respective pages. Additionally, this kind of hierarchy can lead the user down the page organically, leading the user through your service.

Large elements that decrease in size as you move through the process are indicative of importance and order. So does color and contrast. Making use of whitespace is also important, as clutter can stall user progress and draw the eye away from the purpose of the page. Clean lines, lots of space, and well-defined elements can visually indicate to your users how to move through your UI without any documentation or annotation.

A decent rule of thumb is that you want to keep things flowing from left to right, top to bottom.

Keep Your Users Free & In Control

The very last thing we want to touch on — and the very last thing you want to do with your UI — is taking control from the user. Or to make them feel confined or restricted by your design. You want to empower them, and your UI should allow them to perform the actions they want. There are two parts to this rule: context and permission.

First, whatever action the user needs to take should be located near what they want to act on. If they need to edit a post, the edit button should be near the save, publish/submit, preview buttons. In fact, the better option is for contextual menus for all of the actions the user can take on any particular item (or page). If you’re consistent in your UI, as we talked about above, your users will understand that these context menus or toolbars will always have the entire list of actions for any given element.

Additionally, your UI should always make the user feel as though they can get out of or revert any action they take. While you design the UI, they are going to be using it. So they need permission (or maybe even freedom) to do what they need to get the job done. Doing this can be as simple as adding a cancel button to every page of your ecommerce checkout (because pressing the browser’s back button may cause things to go haywire). Maybe it’s an undo feature so they feel that experimentation is okay. Or a revision history for large-scale projects (such as in Google Drive or WordPress or Git).

When your users feel free and unconstrained, you’ve obviously followed some good UI design principles.

Touch Gesture
You can enhance your user experience by creating touch gestures or controls. In UI/UX context, these controls can be added to graphical icons and visual representations that display elements and are used to add the input to the website. Here, by elements, we are talking about buttons, icons, lists, etc. By adding touch controls to these buttons and icons is that the user does not have to specifically learn how to work with it. It’s extremely simple.

Spacing And Font Size

The proliferation of High Definition screens has wreaked absolute havoc on UI/UX designer. Having a great looking design and excellent functioning website is impossible without a well-designed text copy. Spacing and font size plays a major role in highlighting what part of copy should gain more visibility. As an app UI/UX designer, you must certainly know how to strategize your typography. For a great visual hierarchy, you can consider the following six points:

• Text scanning shapes are ‘F’ and ‘Z’. ‘F’ patterns are for text-heavy pages whereas ‘Z’ patterns are for other ads-like pages.
• Bigger text as titles.
• Use blank space around the buttons and other UI elements wisely.
• Bright colors are strong and stand out from the dull and muted colors.
• Text that is arranged on a curve or diagonal stands out against surrounding grid-locked text.

Make it engaging.

Going with the flow of technology advancement and compatibility browsers. Image size and resolutions play a fundamental role. Use the high resolution when it comes to adding images to your fantastic app project. The basic difference between high resolution and standard is very clear – a standard-resolution display has a 1:1 pixel density (or @1x), where one pixel is one point. High-resolution displays have a higher pixel density, offering a scale factor of @2x or @3x. Most JPEG files you use in your app can be compressed without noticeable degradation of the resulting image.