Interactive Design: Project 2_Websites Redesign Prototype
21 November 2024-12 December 2024
CHONG CHENG TAO (0371072)
Interactive Design | Bachelor of Design in Creative Media | Taylor's
University
Project 2/ Website Redesign Prototype
List
LECTURES
Week 9
This week, we will need to develop a prototype for the redesign website.
Interaction elements should be included. We will need to do 3 pages,
homepage, core content page (at least 1) and contact page.
Project 2: Website Redesign Prototype
- Visual Reference
- Brief summary of prototype
- Prototype / Final Submission
Visual Reference
Fig 2.1 Visual reference
Brief Summary of Prototype
Rate Your Music (RYM) is an online encylopedia of music releases and
films launched since 2000. Users can catalog items from their personal collection, review them, and
assign ratings in a five-star rating system. The site also features community-based charts that track highest-rated
releases.
For the prototype, 5 pages are developed, including:
- Homepage
- Hero session for promotion and event announcement
- Popular release
- News
- Classic album
- Review page
- Brief introduction of album
- User ratings and professional ratings
- Review session
- Bookmark, like and dislike other's review
- Navigation to streaming platform
- Genre page
- Sorts options such as popularities and years
- Search bar for specific release
- Navigation to streaming platform
- Chart page
- Sorts options such as popularities, type of releases and years
- Search bar for specific release
- Navigation to streaming platform
- Contact page
- Comment and report
- Checkbox to receive further news
Significant refinements have been made to the layout, focusing on reducing the clutter of the original website. To achieve this, additional white space and margins have been introduced between rows, creating a cleaner and more organized layout. The use of colors has been intentionally reduced, further contributing to a clean and minimalistic aesthetic.
The layout of various sections has been standardized to maintain uniformity throughout the website. UI elements, including buttons, cards, navigation bars, and imagery, have been unified by applying consistent corner radius. Additionally, the rating interface has been enlarged to draw more attention from viewers and reduce the possibility of rating errors.
The UX of the review section has been enhanced with sorting options like "Top" and "Newest," allowing users to explore reviews based on their preferences. Navigation options are simplified, to reduce cognitive load, smooth transitions between navigation actions are added to prevent unnecessary page reloads. A customized rating card has been introduced for professional music critics and journalists, to emphasize expert reviews.
Prototype / Final Submission
Fig 2.2 Prototype
Fig 2.3 Project 2_Website Redesign Prototype
FEEDBACK
Week 10
- The margin is too small, try to use wider margin for the review page.
Week 11
REFLECTIONS
Overall, I enjoyed working on this project a lot, as it was my first time deeply analyzing a website and brainstorming ways to enhance it. The process of researching and deciding on the redesign of various elements was both challenging and interesting. While I recognize that there is still significant room for improvement in many aspects, I am confident that I will be able to achieve better results with more experience and refinement in the future.
Comments
Post a Comment