22 Jan 2018 | By Jish
Topics: Website design
While walking down the myriad of internet, you might often have come across the usage UI and UX. If you’re someone who’s involved in web development or website design, definitely, you’ll know what is it? But those of you who have only heard of this term or are unsure about what exactly it is and where is it used, let me explain…
Both UI and UX are different in terms of experience it offers to the end user. At the most basic level, the User Interface (UI) is the series of screens, pages, and the elements that are visual—like buttons and icons—that you use to interact with a device.
User Experience (UX), on the other hand, is the internal experience that a person goes through as they interact with every aspect of a company’s products and services.
UI is focused on how a product’s surfaces look and function, whereas, UX is focused on the user’s journey to solve a problem.
The user interface is the only piece of journey towards UX. A UX design is focused on anything that affects the user’s journey to solve that problem, whether positive or negative, both on-screen and off. For example, UI is the table, chair, plate, glass, and utensils. UX is everything from the food, to the service, parking, lighting and music.
The UX designers are responsible for ensuring that the company delivers a product or service that meets the needs of the customer and allows them to seamlessly achieve their desired outcome. They may do that by conducting a user research to get as much context as possible about the user of the product and then using those learnings to mock up wireframes and prototypes to help the user get from point A to point B.
Now, let’s get into the Principles of UI and UX
The design be an experience for the users. Because, people don’t always remember information presented, but they do remember what they feel in terms of what is presented in a website. So the UX of a service or product should weave together a combination of text, graphics, layout, and interactive elements to ensure users have an experience, not just an informational view.
People scan websites, they don’t actually read them. Research shows that “users switch from scanning to actually reading the copy when web content helps them focus on sections of interest." Making your website interface scan will make it simpler for them to scan through the details and focus on what they want.
The visitors to your website take only as little as 0.5 seconds to decide whether they are interested in a website or not. So be clear with what you want users to do. Users should not have to think about what you want them to do. Consider what your web app or website can do to make it easy to use.
Be careful with innovating new UI patterns with commonly known patterns. You don’t want people to think too hard about where common elements are. Most interfaces should already be familiar to users. Whether links, buttons or anything that are common should always look the same way as it is. Login access is typically located in the upper right. Whereas logos and company names are on the upper left. When trying to get too creative with common elements is something like putting the odd on to the ordinary.
Navigation, URLs, and button placement should focus on usability first before designing aesthetic. This is why it is best to practice wireframe first before design aesthetics begin so as to focus on layout first. Then you can focus on getting creative so the creativity is appreciated.
While designing a website, you'll need to capture everyone's attention above the fold first rather than the entire website design. This means that while the “above the fold” content is important, it is more important to capture user attention into your experience by placing only the most important things first rather than putting everything above.
The fold varies for every device–a fold for a laptop could be three times as small as a fold for a large desktop and a mobile device might have a fold twice as small as a laptop.
Most of the websites designed today are vertically longer, much longer than sites of old when designers thought everything needed to be above the fold. While most of us are looking for the easiest and fastest route to get what we need, scrolling more vs. clicking again may help with that.
Designing your website or app to have a fluid interface for varying device sizes–has been popular for the last few years. And, this trend keep continuing. But what matters is designing websites to be more than just responsive. Users are on all device types of all screen sizes, so you naturally want your site or app to look good everywhere. And there is difference between having responsive design and a responsive design that looks good.