Designing to Guide - Design for the Web
User testing and designing user experience.
User context -
Human centric - object, environment, time and participants.
A laptop is a multi-tasking environment. People don't want to be engaging with each other, they block everyone out and don't talk to people.
Everything we do comes from the people in our personae's, 2 for desktop and 2 for mobile.
Looking at the user journeys and then looking at the pages and on each page what different journeys are available. User journeys - many labels and concepts.
We need to now start to create our own user interface and basic wireframes and layouts, creating broad wireframes and then going further and taking it into photoshop. Create very simple wireframes then go much more in-depth layout wise.
Wireframe decides content relationships and then your content simplifies this. Then you use these and create user journeys to create pages more spread out.
Play around turning off JAVA and CSS -> see how links are arranged and how everything goes together without all the added aesthetic. Steal code from sites.
TYPE FONTS: Arial, Verdana, Georgia, Times - Use google fonts to use different fonts.
Think editorial hierarchy.
Planning user journeys:
Mobile
I have selected Personae 1 - Hiyan Zhang and Personae 2 - Hemi Kamana for my mobile website, I looked at their personaes and what they are wanting with both focusing on finding out the current events and what is happening in their local areas, I made a map of a mobile site with direction of where they would like to go and their navigations being similar around the webpage.
Desktop
Here I selected personae 4 - Sarah Blake and Personae 06 Barry Dawn, Sarah and Barry both have similarities between what they would be looking for in this site and their user journeys. They both have interests in writing articles and contributing their opinions. They are both very interested in what is happening, Sarah focused on the Wellington area where as Barry has a wider New Zealand focus. Their user journeys are layed out below and now I need to develop these into set pages for my webpage and their user navigation.
HTML WORKSHOP:
This workshop was very instructional and helped me to understand html and refresh much of what I have forgotten. I took notes and my code was all successful.
TO DO:
- HTML / CSS learning
- Draw thumbnails/sketch my webpage ideas
No comments:
Post a Comment