Thursday, January 5, 2017

Final self arranged crit and final production plan/ branding

Needed pages

Initial page (revised) DONE
Logged in homepage (revised) DONE
Quick view example DONE
Product page (revised) DONE
Vinyl Randomizer genre options drop down DONE
Vinyl Randomizer (revised) changed to shuffler, 80s new wave example DONE
Hover over on vinyls on shuffle page DONE
Genre specifics page due to mass complexity of vinyls sold in the marketplace (same as homepage layout just with hover over genres, not stated as recognizable faces from decades are used in this example) DONE
Decades example page leads to what the user wants to shuffle, in this case, 50's/60's and so on
Take away extras like merch and tickets, add genres for vinyl randomizer to resemble record shop experience DONE
Login page DONE
<Account page with preference settings such as currency, location
Selling page
Purchase history
Wishlist
Help page> (SAME LAYOUT FOR ALL) DONE
Wishlist push notifications
More branding sketches DONE


Type sizes currently fit the 12pt minimum criteria for legibility so do not need increasing, but have with header and search bar to stand out more
 

Tested arial and georgia serif, and both don't make the interface look well developed and rebranded, whereas Helvetica is bold and very legible with a modern accent to the letter forms making it appropriate for old and young, and newer audiences alike.


Shuffle replacing 'randomizer' as it makes more sense and fits the menu bar

Despite peers enjoying the multi way scrollbar of the vinyls, i feel older audiences would be confused by this and that it is an unecessary development of the interface which would cause confusion and go against the issues needing to be fixed, therefore those arrows have been removed.

An even low opacity background of posters/stickers inspired by going in to stores and from speaking about famous record stores, makes the interface too busy and emphasis on the direct and clear interface would be tainted, so a white background has been stuck to as the artwork and logo are the decorative feature. however, this can be integrated when on the shuffler to really immerse the experience and would be suitable for those wanting to shuffle, whereas those who just want to search for/sell what they want don't have the record store background. As the artwork is maximised, the options for the user aren't lost within the background, and this means the websites interface caters for both sides of vinyl buying audience I have identified and combines my two interface ideas together.
the background chosen from my own images from visiting local record stores sat the best with the composition of the interface.

Arrows on shuffler drawn in thick black pen style like in record stores, thick and legible enough against faded postered background clickable to go back and forth on vinyls

Spacing where record symbol to preview record on the page selling the vinyl chosen allows room for longer song titles of tracks as my example has short titles, making the layout versatile for this.

 



Full screen adapted with central scroll and side non moving poster imagery

Mockup of alternative interface layout fits the criteria and allows the tab feature, and enlarges artworks even more, but in the end comparatively hides more than my other interface structure does at a first glance and is more congested

Despite enjoying this interface, its design doesnt improve the issue and just looks more arty. Although easy and concise to use, having classic posters on the sides and the vinyls centred based on own taste preferences, it resembles modern day websites created to look aesthetically pleasing such as clothing brand websites I use, whereas the other interface layout has a less used style which resembles the vinyl buying community in that they are a specific community therefore relates to them more whilst solving the issues of the Discogs marketplace interface being messy and offputting for record shop enthusiasts. Having an alternative interface composition is appropriate for the tight knit community.

Brandingas recommended in the discussion with the 'Records' curator, look at record store branding and think of a simplistic way to represent the passion and the community of the audience.
Wax- a slang term for vinyl, an inside joke almost, known to the passionate community highlighting the trust in the community that it is their place. Sounds a little similar perhaps subconsciously like 'whack', whacking something on?? the vinyl?
Spin- More understandable to outsiders, the motion of the record on the deck, and is an action implying action on the website which for a marketplace is appropriate.

Curved circular outline mimicking a vinyl also replicates the motion of vinyl records when playing and makes the title pop.
Both strong, straight to the point names.
Handwrendered to represent analog element, black marker quite scratchy replicating the handwritten tabs in the stores and scratches the record player makes and is a bold, worn style implying the long lasting love for vinyl and how much they are played, the fragility, and the secondhand aspect of selling or buying secondhand on this interface and in stores. Rarely shiny and new. Style contrasts with simple layout and Helvetica typeface, being decorative whilst still being bold and striking.

  



Because of inside knowledge of Wax being record slang, I will keep the name Wax and adjust with the record spin outline which also diverts from other connotations of wax

No comments:

Post a Comment