iconnect360 redesign Goals, challenges and how we come up with the fresh makeover By Ramil Rama, UI UX Developer, iconnect360
iconnect360 software user interface redesign
Jun 24, 2015
These slides share the redesign process taken by the team when coming up with the new look and feel for the cloud software iconnect360.
With a web based software the usability of the design and the user experience were top considerations and extremely important in the design of the system.
Our UI UX Developer Ramil Rama shares the process he undertook when doing the redesign to the software and the mobile app that accompanies it too.
Ramil Rama is one of our iconnect360 team members based in our Kuala Lumpur, Malaysia office. He is a leading design developer who really cares about creating the best design for the user.
With a web based software the usability of the design and the user experience were top considerations and extremely important in the design of the system.
Our UI UX Developer Ramil Rama shares the process he undertook when doing the redesign to the software and the mobile app that accompanies it too.
Ramil Rama is one of our iconnect360 team members based in our Kuala Lumpur, Malaysia office. He is a leading design developer who really cares about creating the best design for the user.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
iconnect360 redesignGoals, 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 & ReadabilityVisual weight can be used so the user can focus on one area
Layout & ReadabilityFluid navigation increases readability and faster scanning
Layout & ReadabilityPrimary 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
Related Documents
