Please enable JavaScript.
Coggle requires JavaScript to display documents.
UX/UI Lecture - Coggle Diagram
UX/UI Lecture
Order of process
Key elements needed on the page
How to structure
Organization of the key element (wireframe)
UX, design of the key elements
Following this process makes changing and feedback easier
Site structure
Content
Page structure
UI
UX
Wording
Be aware of your client base
Mobile first
Today's philosophy
First tested on smartphone then computer
Consumer check the website on mobile more than on computer
1st a phone then computer
Features different for devices
Phones and laptop don't have the same features
Pages present in Mobile first
Business page
Business support page
Technique page
Service Page
Contact page
QA, contact info, where are we...
Who are we, terms and agreement, what is the business...
Cookies, It'sme...
Blog, articles...
Homepage, product page...
Be aware of the activity zone on a smartphone
High activity = easy to reach important button
For example: CTA (call to action)
Desktop First
Old philosophy
Working on the SEO of a website
Key words on website page contribute to the SEO
Landing page does not have to be part of the main website nor accessible through navigation
Tree diagram to see the navigation tab on a website
Too many navigation tab can lose the prospect
Product page ≠ content page
Different priority
Widgets follows the user everywhere on the website
Can be used as CTA