Expert Insights by ranganath krishnamani

Expert Insights by ranganath krishnamani

UI Guidelines

UI Guidelines

Playing with some transitions :)

Odyssey Translator UI Animation

Playing with some transitions :)

A very extensive UI Style Guide

A very extensive UI Style Guide

Digital Walls by Cosmin Capitanu

Digital Walls

Digital Walls by Cosmin Capitanu

Saife ui style guide

Saife ui style guide

10 Design Principles via CodeAcademy.com 1) Aim for a single-column layout. 2) Social Proof: Leverage Testimonials 3) Use color sparingly and associate it w/ specific actions. 4) Fewer Form Fields 5) Reduce Calls-to-Action 6) Content First.  Chrome (Actionable UI Elements) Second. 7) Hierarchy.  Let type, color and white space rule. 8) Incorporate easily recognizable icons and means to let users know where they left off. 9) Bigger Buttons. 10) Welcome, even when there's no data to show.

Reimagining Codecademy.com

10 Design Principles via CodeAcademy.com 1) Aim for a single-column layout. 2) Social Proof: Leverage Testimonials 3) Use color sparingly and associate it w/ specific actions. 4) Fewer Form Fields 5) Reduce Calls-to-Action 6) Content First. Chrome (Actionable UI Elements) Second. 7) Hierarchy. Let type, color and white space rule. 8) Incorporate easily recognizable icons and means to let users know where they left off. 9) Bigger Buttons. 10) Welcome, even when there's no data to show.

A great example of clean design, narrative and execution whilst having little utility. Micro interactions should above all else, move the conversation forward such that the lack of the micro interaction is a detriment to the user experience. Whilst these are very well executed, I question the utility.

Inspirational UI Design 19

A great example of clean design, narrative and execution whilst having little utility. Micro interactions should above all else, move the conversation forward such that the lack of the micro interaction is a detriment to the user experience. Whilst these are very well executed, I question the utility.

Website design, UI style guide.

Website design, UI style guide.

39cafb4f4714988a2b1d5662e9d7521dff840a61 1,024×6,340 pixels

39cafb4f4714988a2b1d5662e9d7521dff840a61 1,024×6,340 pixels

Pinterest
검색