create account

Steemit Re-styling: Initial Mockups by venalbe

View this thread on: hive.blogpeakd.comecency.com
· @venalbe · (edited)
$0.19
Steemit Re-styling: Initial Mockups
Let's start saying that I'm not a graphic designer! But, in my day to day life, one of my duties is making sure that in my games and interactive experiences the user experience (UX) is as smooth as possible.

I love, as you probably do, steemit.com, but I have to say that I struggle to spend time reading and interacting due to the awful UX/UI treatment. Well, it's in beta and of course, there are so many important things to take care of while developing such a cool system so I'm not so worried about it.

I spent a couple of hours mocking up a potential feed page, keeping pretty much the same colour keys for both normal and night mode.

![Steemit.png](https://steemitimages.com/DQmdUjXSGRhHqJcFy7jcFFtSfWJyhZVKGqa92CmRyetjD9n/Steemit.png)

As you can see at a glance you'll be able to see the new posts of the people you follow in the centre, pretty much as it is now, slightly changed the icons though. On the left part, there are the user belongings and actions. On the right part the trending tags and user suggestions - this is a feature I really miss, to be honest.

![Steemit Night.png](https://steemitimages.com/DQmeyucdzCbdciChF3pXhnoBYVdabq2Q76bCqUxay9yY6Gg/Steemit%20Night.png)

That's all for now, I'd be happy to know what you folks think about those mockups and if there are features you'd like to see there. 

Thank you!
๐Ÿ‘  , , , , , , , , , , , , ,
properties (23)
authorvenalbe
permlinksteemit-re-styling-initial-mockups
categorysteemit
json_metadata{"tags":["steemit","design","concept","utopian-io","blog"],"image":["https://steemitimages.com/DQmdUjXSGRhHqJcFy7jcFFtSfWJyhZVKGqa92CmRyetjD9n/Steemit.png","https://steemitimages.com/DQmeyucdzCbdciChF3pXhnoBYVdabq2Q76bCqUxay9yY6Gg/Steemit%20Night.png"],"app":"steemit/0.1","format":"markdown"}
created2017-12-16 21:17:36
last_update2017-12-17 01:28:51
depth0
children10
last_payout2017-12-23 21:17:36
cashout_time1969-12-31 23:59:59
total_payout_value0.169 HBD
curator_payout_value0.016 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length1,341
author_reputation2,357,857,338,750
root_title"Steemit Re-styling: Initial Mockups"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id23,797,765
net_rshares29,210,876,964
author_curate_reward""
vote details (14)
@duke77 ·
$0.03
Le concept a l'air intรฉressant ! L'idรฉe de voir les messages des personnes suivies me semble une grande idรฉe !
๐Ÿ‘  
properties (23)
authorduke77
permlinkre-venalbe-steemit-re-styling-initial-mockups-20171216t212759809z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2017-12-16 21:28:00
last_update2017-12-16 21:28:00
depth1
children0
last_payout2017-12-23 21:28:00
cashout_time1969-12-31 23:59:59
total_payout_value0.025 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length110
author_reputation21,082,370,683,924
root_title"Steemit Re-styling: Initial Mockups"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd0
post_id23,798,691
net_rshares4,392,841,167
author_curate_reward""
vote details (1)
@fabiyamada ·
I really like this! I wish you had posted it via utopian.io so you would have had more exposure and probably gotten an upvote from utopian bot :P
I can't upvote the post and that is really sad :(
properties (22)
authorfabiyamada
permlinkre-venalbe-steemit-re-styling-initial-mockups-20171225t181756179z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2017-12-25 18:17:42
last_update2017-12-25 18:17:42
depth1
children1
last_payout2018-01-01 18:17:42
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length195
author_reputation55,606,801,081,779
root_title"Steemit Re-styling: Initial Mockups"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id25,209,973
net_rshares0
@venalbe ·
$0.08
ah! yeah I'll post over there as well, thanks for passing by!
๐Ÿ‘  
properties (23)
authorvenalbe
permlinkre-fabiyamada-re-venalbe-steemit-re-styling-initial-mockups-20171226t204312714z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2017-12-26 20:43:15
last_update2017-12-26 20:43:15
depth2
children0
last_payout2018-01-02 20:43:15
cashout_time1969-12-31 23:59:59
total_payout_value0.061 HBD
curator_payout_value0.020 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length61
author_reputation2,357,857,338,750
root_title"Steemit Re-styling: Initial Mockups"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id25,399,631
net_rshares14,692,198,889
author_curate_reward""
vote details (1)
@jout ·
$0.70
This post has received gratitude of 1.00 % from @jout
๐Ÿ‘  ,
properties (23)
authorjout
permlinkre-venalbe-steemit-re-styling-initial-mockups-20171216t212252031z
categorysteemit
json_metadata{"tags":["steemit"],"users":["jout"],"app":"steemit/0.1"}
created2017-12-16 21:22:48
last_update2017-12-16 21:22:48
depth1
children1
last_payout2017-12-23 21:22:48
cashout_time1969-12-31 23:59:59
total_payout_value0.552 HBD
curator_payout_value0.144 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length53
author_reputation29,033,735,920,223
root_title"Steemit Re-styling: Initial Mockups"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id23,798,220
net_rshares109,323,941,126
author_curate_reward""
vote details (2)
@postpromoter ·
re-jout-re-venalbe-steemit-re-styling-initial-mockups-20171216t212252031z-20171222t222057024z
You got a 0.20% upvote from @postpromoter courtesy of @jout!
properties (22)
authorpostpromoter
permlinkre-jout-re-venalbe-steemit-re-styling-initial-mockups-20171216t212252031z-20171222t222057024z
categorysteemit
json_metadata{"app":"postpromoter/1.6.0"}
created2017-12-22 22:20:57
last_update2017-12-22 22:20:57
depth2
children0
last_payout2017-12-29 22:20:57
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length60
author_reputation12,722,616,650,811
root_title"Steemit Re-styling: Initial Mockups"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id24,765,784
net_rshares0
@negativer ·
$0.03
Man, the UI feature list would be endless. 

-I'd want a menu/checkbox at the top to 'hide resteems'
-I'd want a menu/checkbox at the top or somewhere to 'show only posts in X category in my feed' (eg, fiction, whatever)
-I'd want a list somewhere of my 'main friends' (or whatever) so I could group my people that I REALLY want to see, and put everyone else into an 'acquaintances' group. Then allow me to show/hide stuff in my feed for either of those groups. 
-I'd want to be able to toggle open a given posts 'comments' section without clicking INTO that post, in case I've already read the post and just want to keep up with comments (similar to FB comments)

A guy could go on and on :)
๐Ÿ‘  ,
properties (23)
authornegativer
permlinkre-venalbe-steemit-re-styling-initial-mockups-20171217t152039060z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2017-12-17 15:20:39
last_update2017-12-17 15:20:39
depth1
children3
last_payout2017-12-24 15:20:39
cashout_time1969-12-31 23:59:59
total_payout_value0.027 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length692
author_reputation15,437,925,547,686
root_title"Steemit Re-styling: Initial Mockups"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id23,892,165
net_rshares4,552,167,013
author_curate_reward""
vote details (2)
@fabiyamada ·
You can post each one as a suggestion via utopian.io and if you are the one who suggested that you get an upvote from the bot... For suggestions it can be $5-$10 aprox.
๐Ÿ‘  
properties (23)
authorfabiyamada
permlinkre-negativer-re-venalbe-steemit-re-styling-initial-mockups-20171225t182052911z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2017-12-25 18:20:39
last_update2017-12-25 18:20:39
depth2
children1
last_payout2018-01-01 18:20:39
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length168
author_reputation55,606,801,081,779
root_title"Steemit Re-styling: Initial Mockups"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id25,210,331
net_rshares0
author_curate_reward""
vote details (1)
@venalbe ·
thanks!
๐Ÿ‘  
properties (23)
authorvenalbe
permlinkre-fabiyamada-re-negativer-re-venalbe-steemit-re-styling-initial-mockups-20171226t204349358z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2017-12-26 20:43:48
last_update2017-12-26 20:43:48
depth3
children0
last_payout2018-01-02 20:43:48
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length7
author_reputation2,357,857,338,750
root_title"Steemit Re-styling: Initial Mockups"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id25,399,716
net_rshares2,582,417,522
author_curate_reward""
vote details (1)
@venalbe ·
$0.03
@negativer, thank you very much for your feedback! Every endless list is always appreciated :) mostly when the scope is so broad. It's interesting that the majority of the things you've listed out are mainly UX features...that will ease our staying in the platform. I'll definitely work on them as soon as possible! :)
๐Ÿ‘  
properties (23)
authorvenalbe
permlinkre-negativer-re-venalbe-steemit-re-styling-initial-mockups-20171217t152748052z
categorysteemit
json_metadata{"tags":["steemit"],"users":["negativer"],"app":"steemit/0.1"}
created2017-12-17 15:27:48
last_update2017-12-17 15:27:48
depth2
children0
last_payout2017-12-24 15:27:48
cashout_time1969-12-31 23:59:59
total_payout_value0.027 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length318
author_reputation2,357,857,338,750
root_title"Steemit Re-styling: Initial Mockups"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id23,893,060
net_rshares4,483,884,507
author_curate_reward""
vote details (1)
@steemitboard ·
Congratulations @venalbe! You have completed some achievement on Steemit and have been rewarded with new badge(s) :

[![](https://steemitimages.com/70x80/http://steemitboard.com/notifications/voted.png)](http://steemitboard.com/@venalbe) Award for the number of upvotes received

Click on any badge to view your own Board of Honor on SteemitBoard.
For more information about SteemitBoard, click [here](https://steemit.com/@steemitboard)

If you no longer want to receive notifications, reply to this comment with the word `STOP`

> By upvoting this notification, you can help all Steemit users. Learn how [here](https://steemit.com/steemitboard/@steemitboard/http-i-cubeupload-com-7ciqeo-png)!
properties (22)
authorsteemitboard
permlinksteemitboard-notify-venalbe-20171217t094736000z
categorysteemit
json_metadata{"image":["https://steemitboard.com/img/notifications.png"]}
created2017-12-17 09:47:36
last_update2017-12-17 09:47:36
depth1
children0
last_payout2017-12-24 09:47:36
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length693
author_reputation38,975,615,169,260
root_title"Steemit Re-styling: Initial Mockups"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id23,858,609
net_rshares0