DEV Community

loading...

UI, UX Guide

theankurkaushik
HTML5, Bootstrap(Front-End Framework), SASS (Stylesheet Language), Pure, Vanilla Javascript, AJAX JQuery, Firebase,SQL, Hive Hadoop
・2 min read

User Interface (UI) Key Points-

Colors
Typography
Visual Design Elements

3 C's of Interface Design-

Color - Contrast - Content

User Experience (UX) Key Points-

Task Flows
Scenarios

Example-
Car (UX) & Color (UI) of Car

Popular UI Design Language-

Minimalist - Less is More

Material- Google's Design Language.

Guide-

Accessibility -

Accessibility in design allows users of diverse abilities to navigate, understand and use your UI.

Tips-

  • Clear Layouts.
  • Suitable for variety of users (doesn't mean different devices).
  • Assistive tech support like YouTube Voice Search is very popular, Screen Reader used on Govt. Websites.
  • Common action center like Button in Google apps to perform multiple actions, in Facebook Search apart from People, Pages you can search Settings and other functionalities as well.

Focus on the user and all else will follow.

Design -

What is beautiful is usable.
Consistency is the key -- Zak Frazer

For making a product look more consistent the developer should master Principle of least surprise

Device Compatibility and Optimization -

The product must be cross-platform available and optimized for different devices as well.
*Responsive Web Design with proper media queries.
*Responsive frameworks like Tailwind, Bootstrap.

User Flow -

Some minor tweaks might get the user a better experience like Search Box, Navigation Menu, Proper Categorization.

Initial/ Default Item.

Most frequently selected or Last item selected by user can be set as an initial/default item.

Recognize instead of Recall.

Instead of writing or searching something user can quickly select from the options.

  • Reconfirmation and Undo Options will help users take better acknowledged actions.

Performance -

The product developed should be fast and efficient. It should not take much time and resources. If the page loads up slowly the user might lose interest, so good performance is an important aspect.

Discussion (0)