Week 10
HI. Keep progressing and refining for final submission
In this blog, I will be updating further refinements of the microsite.
Info page
After discussing with my advisor, he gave me some pointers on how I could rearrange the info layout to enhance it.
This is the overall enhanced layout of the info page. The information is presented in a carousel form where users can interact with the indicators.
This video shows the technical execution of the carousel working, however, I have yet to make it change automatically, where I am still figuring it out.
Studying content layout
Thanks to my advisor, I was able to try out different websites that present their content layout differently. Below are the 2 references that I find more helpful and inspiring.
Website: Luca Nardi
Notes: I like the contrast of the text and their position is not align to a specific side. The images are also arranged in a 2 column way where I think I can try it out on my microsite.
Website: Harvard Film Archive
Notes: I like the way how they arrange the lines along with text and images. I find it similar to mine where they also have a big title and contrast with smaller text that shows additional information. The arrangement of lines are also something that my microsite has as a design element.
My attempt
I tried playing around with lines and text too, I also rearrange the layout by altering their alignment a little differently.
Present Airbnb information differently
After the Usability test, I realised many of the users find the pulsing Airbnb hotspot clickable which was pretty confusing for them. However, I do not want to change my initial motive of just letting users know about the available accomodation nearby. So instead of changing the concept, I will need to find a way to present the Airbnb information differently to divert users interpretation of my idea of showcasing nearby accomodation.
I tried out different ways to present it, my initial idea was to showcase Distance + Type of accomodation + No. of guests + Price. Now I tried showcasing as shown below: ↓
Distance + Area + Price range
Distance + Type of accommodation + Price
Distance + Reviews + Price
Distance + Price range
My advisor suggested that presenting the area and price range would be ideal as this would tell users that a specific area has a wide range of available accomodation.
I will be going with the first one - Distance + Area + Price range as I feel like right now would be the most suitable being presented to users.
How I made the overall content looks neater?
I did some arrangement to enhance the overall content layout.
The white border around the images are equal now, making them look more consistent and neater
The content are more centralized but still aligning together with a 2 column layout
3D progress
I'm finally done with my Penang 3D scene
I will be setting up the Penang scene soon!
That's all for now, in the next blog, I will be sharing further updates and refinements of the microsite.
Comments