An innovative analogy of yogic principles & wire-frame design given with a live example. Key objective of this exercise is to enhance the design sensitivity for beginners.
Rule 1: BREATHE FREE
-- Ensure good usage of white space and give breathing space between every element
-- Secure all borders with white space and make sure the elements doesn't touch
Rule 2: REALIZE THE REALITY
-- Deeply realize the reality 'Wire-frames are Wire-frames'
-- Don't get carried away by external beauty. e.g : colors, fonts, images...
-- Look within & nourish the inner self. e.g : functionality, core interactions, navigation..
Rule 3: LIVE SIMPLE & TALK LESS
-- 'Declutter' is the secret mantra for successful wire-frame design
-- Eliminate anything that is unnecessary . e.g : just plain blue text enough
Rule 4: FOLLOW DISCIPLINES
-- Be consistent with interactions such as layouts, style, navigation, flows ..
-- Ensure information is easily scannable & consumable
Rule 5: FULFILL THE REAL PURPOSE OF LIFE
-- Before you say 'DONE' , ensure all user stories are fulfilled
-- Ensure your design follows the 7 usability heuristics :
--- Simple
--- Accessible
--- Intuitive
--- Efficient
--- Engaging
--- Supportive
--- Clear Structure