Which Manalinks look do you prefer?
13
77
resolved Jul 17
6%
A. Original (table)
46%
B.1 Card View (light mode)
1.9%
B.2 Card View (dark mode)
39%
C. List View

I have a couple designs for looking at your manalinks and who has claimed them. Feel free to leave additional suggestions in the comments :)

A. Original (table)

B.1 Card View (light mode)

B.2 Card View (dark mode)

C. List View



Jul 15, 3:04pm: Added mobile view: https://docs.google.com/presentation/d/1tuZ_wdrgE6Qj1h0VTNd9DOENkXcVK0ySWnumsqTLTqM/edit?usp=sharing

Get Ṁ200 play money

🏅 Top traders

#NameTotal profit
1Ṁ155
2Ṁ29
Sort by:
For info, the list view image is broken
The card views are a little ridiculous in my opinion, because you're using all that space on an image which conveys no information and is the same across every manalink.
@MichaelWheatley That's fair. I guess my justification for this is I don't imagine people will be making that many manalinks, and I really want to convey the gift card like vibe (generally I think we should sprinkle in more visual variety to different pages so people know where they are). In the future I do want to either randomize or have the user select background colors/symbols so it'll hopefully look less bland. Another solution is to have them visually stacked (kind of like a rolodex) I'd love to hear more of your thoughts
@IngaWei i love the gift card looks and think it should be featured. I changed to list because it seems more readable with less wasted space, but I would love for each points to look more gift-cardey
@IngaWei Those are both good points that I overlooked (evoking gift card + likely quantity). If you are in fact able to make the imagery more interesting or informationally-dense, that would absolutely address my concern.
It would be great if you could post how it would look on mobile too. That's what the majority of our users are on and also the one that's harder to get right ^^
answered
C. List View
@ian Yeah I tried using chevrons but I think it just looks ugly. One option could be to give those options upon hovering over a section, I originally thought maybe clicking the picture area copies the link and clicking anywhere else shows you details
answered
C. List View
I think we should optimize for limited space, mobile screens whenever possible and this version does that the best imo
answered
C. List View
@IngaWei i like this the most but I think you should be able to just click a list item to expand and see the claims, with something using the chevron icon
How do you see the claims in the cards?
@ian It's the '...' on the bottom right that will display it. Open to suggestions if you don't like that though!