Design thinking is key in the field of UI/UX engineering for the purpose of creating a clean, informative and eye catching visual experience. In this Innovation Session, Abhiman Ranaweera of the UI/UX team, talks about the principles behind design thinking which is the driver the behind excellent UI design.
Design & Layout Patterns
A design pattern is a reusable solution that can be applied to a commonly occurring problem. Design patterns are considered as “safe zones” while ideas which go “outside the box” are not considered a safe option. Good design patterns are based on simplicity and minimalism. Web page layouts back in 2008 had all of their content and graphics centered, with a left or right menu. This layout was optimized for a 1024 resolution. The panels extend to the edges of screen, but the content still has a fixed width at the center. The card layout gained popularity over the past couple of years and is the form of using white card areas to hold the important content, while the cards are placed on a grey background. This has become common practice and is preferred by Facebook and other social media websites.
The Best Visual Practice
The average user behavior is to scan websites instead of reading them. Symmetry and balance therefore are an important aspect of design as it makes websites easier to scan. In UI design, a grid is used to harmonize negative space in a layout. Grid columns are separated by areas of white space referred to as “gutters”. Gutters improve legibility by providing negative space between page elements. Websites such as YouTube which makes good use of content centering and gutters are prime examples of good symmetry based design. Minimalism is one of the key driving aspects of clean UI build-ups. The session also looks into many design laws such the use of only two primary colors, placement of logos and other important branding, and selecting the perfect hues to match with other page elements. Fonts which play a key role in the designing of websites are also further elaborated upon. It is also important to note that too much of font types on the text of a website can be very difficult to read or understand, and can look very unprofessional in an industrial standpoint. One of the most important things to keep in mind is to stick to a maximum of two fonts for a website.
Photography and graphics form the most important aspect of creating a visual impact for a web page. In order to fully customize the best options for graphics and photography, CSS has made it easier for background positioning-centering over the years.
The most important aspect that a good UI design should have is balance and simplicity. Flat design is still a popular concept for creating simplistic yet visually impactful web design experiences. Flat design consists of solid colors or gradients with no shadows or 3D effects allowing users to immediately