This is how I was thinking of setting up my other sorting methods, so you could see the entire collection at once.
First infograph, with navigation now at the bottom. Not sure how this might work yet, but I thought it might be nice for this infograph to be able to toggle items on and off:
Second infograph is pretty straightforward, I added some labels to clarify the graph.
Third infograph, which I think is a bit problematic. Most people seemed to understand that the percentages were based on the height of the pattern within the seashell shape, but I'm a bit bothered by the fact that the shell sort of alters the way the percentages look. (10% at the top of the seashell isn't the same size as 10% towards the middle.) I was trying to think of a way to do a pie chart type infograph without making an actual pie shape, but I'll be revisiting this one to see how I can make it work better:
Also, still need to work on the title, obviously.
1 comment:
Good work Alicia,
Overall:
Watch color contrast - currently white text on pink backgrounds impedes readability.
What happens in the space beyond the browser frame? That large photo of the shell could be complete and extend beyond.
The title "seashells" (or whatever you change it to) can function as the "home". And therefore, you don't need a "home" button.
Homepage:
Need to know extent of collection. Showing 3 doesn't communicate to the new viewer that there is more. Could you reference what part of the complete collection you are looking at.
Scroll bar size is too tiny for a comfortable user experience. Think of a simpler approach.
Why are conchology and beach combing typographically the same as sort? They should be presented at a hierarchically different level. Likely it is subordinate to the sorting mechanism.
Personalize it (& I don't mean name it Alicia's shells). It is beautiful, but sterile.
As an option, that you may not have thought of, include some text that helps to frame what the site offers. E.g. "Learn about the history of beach combing" is more informative to the user than the rather allusive "beachcombing".
Sort Class page:
Show the mouse over action. What does the shell look like on "hover" when cursor is over the shells. Give user feedback.
Seashell textures graph:
I agree that the size of shell is deceiving. And on a formal level, adding this new language of textures inserted inside a shell cutout isn't flowing with your design. The other infographs, via vectors, compliment the large photo better.
Post a Comment