Download - iconnect360 UX UI Redesign
iconnect360 redesign
Goals, challenges and how we come up with the fresh makeover
By Ramil Rama, UI UX Developer, iconnect360
Goals
• Happy users ;)
• Readability
• Less is more, get rid of noise
• Navigation
• Front-end code standardisation
• Laying foundation - Theme customisation, Mobile visual language
Flat Design
• It’s the “in” thing (For a reason)
– Simple, doesn’t get in the way
– Performance (Especially for mobile)
– Front-end coding cost: Upfront & Long term
– Clear typography
Colour Pallet
Colour Pallet
Layout & Readability
• The content must be the first thing the user would notice
• The user must be guided on what to do next
• Use white space rather than borders to separate objects
• Consistency of the layout throughout the app
Layout & Readability
Visual weight can be used so the user can focus on one area
Layout & Readability
Fluid navigation increases readability and faster scanning
Layout & Readability
Primary and Secondary Buttons prompts the user on what is the ideal next action
Design
Design
Design iOS app
Holistic Visual Language
Desktop Laptop
iOS Devices