A few weeks ago, posted an inaugural bounty, for the design and implementation of a Steemit bounty system. Why does Steemit need a bounty mangement system?
explains:
We have a big ecosystem to build and it's not going to get built unless we build it together
So I got started. I reviewed 's proposal and worked on:
I've spent the last few weeks thinking about the bounty system and present my refined designs below.
Information Architecture and Content
The general content structure of my proposed site remains the same as in my previous post. Here's a recap:
Bounty home page
- I've used a slightly brighter blue in the header than the darker blue gradient on Steemit. This helps to differentiate the Bounty site while making it still feel like part of the Steem family.
- I've placed an exposed set of filters in the left column which Bounty Hunters could use to quickly find new bounties.
- I've used an illustration within the header that I've taken from steem.io. I didn't create this illustration but I love the style—it perfectly captures the spirit of a bounty platform. I guess that Steem could probably reuse the illustration in this context. If not, I'll create a new illustration for this space.
- I've placed more emphasis on the bounty reward value compared to my previous design by placing it within a heavier green box.
Filters
- Some basic filters. Perhaps, we could skips implementing filters for a MVP and build it once the list starts to become unmanageable.
Bounty submission form
- The mobile design remains the same as before, with a new desktop design.
- See my previous post for how milestones could work.
Bounty template
- I'm using the black bar tab convention, as used on Steemit for 'The brief' and 'Submissions'.
- The top section contains the bounty status, with prominence given to the reward and time remaining.
- I've used the new lightbox structure for bounties, as used for desktop blog posts on Steemit.
Submit work
- Posting a bounty submission is similar to posting a Steemit blog.
- A 1st place award could be posted on the status bar of winning entries.
- At the end of a bounty submission, following comments, additional bounty entries are displayed.
My Bounties
- For simplicity of the MVP, I've removed the concept of a wishlist (which I included in my previous UX designs). Again, this could be built when the number of bounties starts to become unmanageable.
- The illustration in the header is once again taken from steem.io
Mechanics
- For ease of use and speed of development, the Steemit Bounties site should use as many existing UI and interaction conventions as possible.
- After further consideration, I agree with
—the bounties site should live on a separate domain to steemit.com. I propose placing it on a subdomain like bounties.steemit.com
Questions, concerns or to collaborate
Message me on steemit.chat (pkattera)
Acknowledgements
- I used a few icons from The Noun Project. Credit to:
– Ryo Sato (filter icon)
– Kid A (calendar icon) - Some photos are from unsplash.com – a free image site.
- The illustrations in the header of the 'home page' and 'My bounties' pages are from http://steem.io