The way you use colour and design the typography all comes together to convey a certain message and mood through your digital product. The goal is to make it logical and easily readable, and make sure that it consistently! Per best practice, you should not use more than a maximum of 2 different fonts on any interface, while the maximum number of colours should be three main colour, i.
When it comes to UI design, less really is more. A minimalistic approach to UI design brings numerous benefits that appeal to users, such as:. Besides, the issue of cluttered UIs is not just the confusion and frustration they might cause among users. It is also a matter of implementation; the more complex the interface design, the more difficult it will be for developers to properly implement. In the long run, that costs you time, money and resources.
It feels a little redundant to say this in , but users are going to be seeing your digital product on a variety of different devices. Make sure that the interface you design is just as pleasant to see and use on each one. This is another area in which consistency takes the cake. Users will appreciate a consistent experience across channels and devices, which contributes to their satisfaction and your reputation and authority.
It surely takes time, dedication and effort, but the rewards are massive. Just always remember to put users first and keep up with the newest trends. Digital agency GRM Digital can help you towards an enticing design that will make your users happy and encourage them to become your customers.
Also, aesthetics should be used in moderation and to reinforce function. Adding a level of polish to the interface is different to loading it with superfluous eye-candy.
Google are known for their minimalist interfaces that focus on function over form, yet they clearly spent time polishing off the Chrome user interface elements like buttons and icons to make them look just right as evident by the subtle gradients and pixel thin highlights. A user interface is the vehicle that takes you places.
Those places are the different functions of the software application or website. A good interface should allow you to perform those functions faster and with less effort. Almost, but not quite. What you really really need to do to make an interface efficient is to figure out what exactly the user is trying to achieve, and then let them do exactly that without any fuss. Implement an interface that lets people easily accomplish what they want instead of simply implementing access to a list of features.
Apple has identified three key things people want to do with photos on their iPhone, and provides buttons to accomplish each of them in the photo controls. Nobody is perfect, and people are bound to make mistakes when using your software or website. A forgiving interface is one that can save your users from costly mistakes. For example, if someone deletes an important piece of information, can they easily retrieve it or undo this action? When someone navigates to a broken or nonexistent page on your website, what do they see?
Are they greeted with a cryptic error or do they get a helpful list of alternative destinations? Trashed the wrong email by mistake? Therefore, the display must be reduced to only the necessary components for the current tasks, whilst providing clearly visible and unambiguous means of navigating to other content. Help users recognize, diagnose and recover from errors.
Designers should assume users are unable to understand technical terminology, therefore, error messages should almost always be expressed in plain language to ensure nothing gets lost in translation. Help and documentation. Ideally, we want users to navigate the system without having to resort to documentation. However, depending on the type of solution, documentation may be necessary. When users require help, ensure it is easily located, specific to the task at hand and worded in a way that will guide them through the necessary steps towards a solution to the issue they are facing.
Copyright terms and licence: Fair Use The cursor graphic goes from representing an open-hand to a gripped hand when the user drags a layer around within the Layers palette.
System Match to the Real World An example of Photoshop mimicking the real world in terms and representations that their target users would understand, is where they design the information structure and terminology to mirror the same wording we would use in the world of photography or print media. User Control and Freedom Photoshop is very good at providing users with control every step of the way.
Copyright terms and licence: Fair Use The File menu in Photoshop displays a variety of highly familiar options. Error Prevention To prevent users from making errors, Photoshop provides a brief description or label of the tools when a user hovers over it to help make sure users are using the proper tool for the task at hand.
Recognition rather than Recall Whether it be making a selection from the artistic filters menu, or opening a new image file, Photoshop provides a sample view for users to make the right choice.
Copyright terms and licence: Fair Use The user is able to visually recognize the sunset image by its thumbnail and select it. Flexibility and Efficiency of Use One of the many reasons for frequent users to love Photoshop is for its flexibility and efficiency. Copyright terms and licence: Fair Use Photoshop gives frequent users the ability to save their preferred workspace-setup. Aesthetic and Minimalist Design The toolbar in Photoshop only displays the icons and is neatly tucked to the side to help keep clutter to a minimum, and maintain a minimalist aesthetic.
Copyright terms and licence: Fair Use The Photoshop toolbar is minimalist and avoids clutter by representing the tools with icons only. Help Users Recognize, Diagnose and Recover from Errors Whenever there is an error, Photoshop provides dialogue that lets the user know what went wrong and how to fix it.
Help and documentation Help and documentation can be accessed easily via the main menu bar. Copyright terms and licence: Fair Use The window displays information on how to create rollovers in the context of web graphics.
Closes in. View course. Join , designers who get useful UX tips from our newsletter. A valid email address is required. Although it was assumed that people would be more likely to buy a jar of jam when presented with more options, the experiment concluded that people were more likely to buy jam when presented with fewer options. Essentially, the experiment found that when we are presented with too many choices, it is harder for us to be satisfied with finding the best option.
This focus on simplicity is what fuels the successful design of Apple products to this day and that same principle is essential to the UI design of digital products. For each screen designed, strive for simplicity, and make sure that the information presented is helpful for users, not overwhelming. Things like loading screens and messages of confirmation or error messages make the difference between good and great UI design.
It is important to let users know what is going on behind the scenes of a product to reduce user pain points and frustration that will make them not want to use the product. Let them know things like how much time is estimated until their file is fully uploaded, or whether or not their message was successfully sent over to customer service. Interacting with users in these small ways can help develop loyalty to your product. Obviously, the human-centered design or goal-oriented design approach both have intuitive products as the end goal.
By designing for your specific users and their workflow, your design will be intuitive at the end of the day, but it also requires testing and validation to uncover any unseen issues. As you can see, good UI design is about more than just making an app or website look nice.
Want us to get you or your organization started on developing consistent design components for your product? Reach out to us to get your project off the ground. Back to Blog. Notice how each icon has the same line weight, rounded corners, and level of simplicity. Want more content like this? Stay up to date on all things UX with our monthly newsletter.
0コメント