Steemit Home Page Redesign Part V

in steemit •  7 months ago

Steemit Home Page Redesign Part V

Personalization: Refine, Edit, Tabs vs Sorts, - Polish and move on!

Once again its your Steemit Community Neighborhood Yeti, coming in with the new scoop for Steemit Home Page Redesign Part V.

5th and Final Wireframe Design Prior to Mock Up!

Kudos Community! Way to Go! We’ve crossed the trenches and have moved forward to a final polish stage in our ideation / discovery phases in wireframe format. We collectively have added a few adjustments for clean up.

4th Pitch

In our fourth pitch we discussed how to fine tune personalization of tabs and the interaction and mechanics of how the tabs work as well as how tags behave. We identified that we specifically wanted ways to get to content faster based on the need we wanted. Topics specific to favoriting tags and followers was the main focal point. Clean up the Content space, refine the UI for a lean and modern feel.

Part 4 of this Redesign Series can be found here

3rd Pitch

In the third pitch we focused on tailoring the UI to the user focusing on personalization for top tags and for top followers you want to follow. After much exploration, comments and revisions, I gave a stab at trying to meet the demands of the user, but with all design process, its an iterative process and ultimately felt the design I had was too clunky and too much or a learning curve so I let the design go, and refined it even further in "Redesign IV" below without losing the functionality.

Part 3 of this Redesign Series can be found here

2nd Pitch

In the second pitch more concerns gravitated towards the logged in user, as a returning user and how to best make the page more usable for me once I’ve logged in. Many pain points surrounded the conflict between my “landing home page” vs “my blog page”. Trying to dive deeper here into more usable feature sets that gravitate to user intuitiveness and ease of use as well as allow the platform to be more aware of what I want, when I want and how I want to see it.

Part 2 of this Redesign Series can be found here

1st Pitch

In the first pitch we addressed pain points and other misleading onboarding things for new users and how they get lost. We iterated, commented, notes were taken and written down and we started this ongoing phase of iterations.

Part 1 of this Redesign Series can be found here

Home Page Redesign 5

Construction Zone! - Fine tuning the UI, Home Page Tabs vs My Blog Sorts, Polish up!

Comments from iteration 4 and final revise.

  • Add a save for later tab or function that allows me to save posts I’d like to read and comment to later.
  • Simplify the tags, and create an easier interaction
  • Can we create tags with a popularity tag to them. Roll over, %age, bar, icon, something that allows users to know whats more popular then just a general (whats popular) I think an icon that shows whats hot might work here effectively. I think as we add more specifics we clutter the UI. it could work as a plugin, or a rollover, overlay but I think an icon might do what is needed, with the least clutter.
Then a bunch of comments around “My Blog” surfaced that needed to be captured.
  • Still want features like Voting Power, Vote Value, Rep , Band Width, Incoming Rewards etc. This will be seen in my next post for “my blog”
  • Review Reddit’s (RES) Plugin
  • Review Steem Supply
  • Separate Resteems and My posts apart into 2 tabs for content. I am assuming this is specific to what “I” would see on my blog. Not if I accessed your blog. It would make sense though to see a sort for me. This will be seen in my next post for “my blog”.
  • Allow for me to add tags that aren’t a part of the list that are in the tags widget. for now I know that is a beck end strategy that requires the search and metatags to work. For now the most common tags are the options. Great note though. That’s why were creating this series to get voices heard.
  • Can we create a way to sort content by favorite followers and by favorite tags. Can I see sorting by vote and by comment?
These were the new items in review from the last post.

Now lets show off the adjustments to the new build below.

Logged Out - New User Home

Persona: I am a new user accessing Steemit.com for the first time.

Logged Out New User Home Page V.png



Logged In - Returning User Home

Persona: I am a returning user and see additional personalization that is catered to my interests.

Logged In User Home Page V.png


Top Navigation Rework

I had to rework the top navigation tabs to accommodate for a few more features to make the content more personalized and improve the engagement for the user.

redesignV.png

Conclusion:
There was a LOT of discussion about personalizing content. How to compare to Reddit, how to best personalize the content to what I want most. After much discussion with the community I have created a system that will build well with the tabs above. Each tab will have a sort associated with it similar to the reddit filterline. Many pain points were circled around the "my blog" section which will be the next topic i will be redesigning for the community. I also added an icon that is dynamic to a back end algorithm that allows the user to know which tags are trending more than just a general "most popular". Overall looking forward to the visual aesthetic design and this will be a wrap for the design on the home page.

This concludes my design and discovery phase of the Home Page Redesign, Stay tuned for a post of the final visual design coming in a week. Are there ANY designers out there willing to help me with the final visual design and once we have it complete I will have it posted for everyone to comment and see. I'll split the post value with you.

I will be moving onto the "My Blog” Page next.

Focusing on
  • How to favorite a follower
  • How to choose between sorting by all followers favorited, by comment, or by vote
  • How to view my analytics of my Voting Power, Vote Value, Rep , Band Width, Incoming Rewards
  • What does my profile page look like when I'm Viewing it.
  • What does my profile page look like when another user is looking at it
  • Inserting Notifications and where
  • Stats about other users in the content feed
  • How to display content in “my blog” and how can I sort the content as a logged in user.

THANK YOU

Comments from so many Steemians that deserve credit here again, thanks for your assistance. It’s you that use the UI and you are the voice that allows me to help shape this community, and empower my creative energies to work hard and into the nights on rebuilding these pitch proposals.

@aggroed, @themarkymark, @velimir, @fredrikaa, @fulltimegeek, @brandonp, @geofftk, @fourfourfun, @dlew, @venalbe, @grizgal, @shawnvanderveer, @dedicatedguy, @datascience, @mitneb, @edicted, @jlordc, @arcange, @spiritualmax, @makerhacks, @isnochys, @dlew, @mikesthoughts, @rock220, @daan, @davidshaw, @rawdawg, @yogajill, @mcblessing1, @patrice, @princessmewmew, @kerlund74, @yabapmatt, @ma1neevent, @poeticsnake @shadowspub, @folken, @whatsup, @kubbyelizabeth, @freedomexists, @shawnvanderveer, @bbrewer, @kurtgrey, @swolesome, @flemmy, @reewy, @leonard17, @syednur47, @amisteem, @memocorredor, @outtheshellvlog, @moreseke1, @travissilvers699, @artizm, @mafi001, @queenbee12, @blusky, @jerrybanfield, @gomovies, @theversatileguy, @theb0red1, @thecryptogold, @strangevision, @atmosblack, @drmake, @tattoodjay, @futurethinker, @rondak, @ashleykalila, @jpederson96, @therealwolf, @thebugiq, @minatubo, @el-cr, @thewayiseeit, @princessdharmy, @crystalpacheco30, @aleksandar.vasic, @gcamkerten, @cryptical, @itinerantartist, @libertyranger, @mikesthoughts, @dedicatedguy, @theversatileguy,

Your comments, criticism, pain points, and praise help drive successful change.

Thank you. Don’t forget to leave your comments below, and upvote if you liked the design work and the direction.

To the corporate steemit team @ned @pkattera @andrarchy @sneak I would love for you to review my series and in depth exploratory UX research, testing, and revisions and to upvote, resteem, comment as well. All of it helps. You can reach me on discord directly at the link below

If you liked what you read, Please don't forget to Upvote, Resteem, and follow me. There's much more great design work to come.

DQmaUNt1gVETZXCNQTMAeQvE48GAa7KHa9cQa3jjgzPnpAq.gif

@theUXyeti - Geek of all Trades, Master of Many! Had over 200 clients building UI for websites, mobile apps, mobile games, console games, VR/AR games, wearables, Appliance UI, Aerospace and Military UI. For lifetime fun I’ve been an Ex reality tv guy, competitive card player both protour MTG and WSOP, scuba instructor, dart thrower, hearthstone mechanic exploiter, sports handicapper, movie metaphor gif commentor and all around humorous and fast wit jackass.

How to find me
Steemit: www.steemit.com/@theUXyeti
Discord: TheUXyeti or TheUXyeti#5698
Dtube Channel: https://d.tube/#!/c/theuxyeti

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

Great work. I look forward to seeing this go live. If you do need any help please do let me know. I’ve been extremely busy for the last few weeks but I’ll try and make some time if I can.

·

I do need a graphic designer to assist me if able lmk your availability

·

Are you available this week to have a final version by Saturday?

Are these going to be implemented on steemit.com or do you have to use a plugin? I like these ideas. Especially the one about having favorite followers.

·

These are in the works as a proposal for a pitch series. My contribution to Steem is UX / UI. This is how i meet good people, and acquire followers and establish community presence. I have had some discussions with people that have the ranks to change things so i know that is working so far. I am thankful for your comments and keep following. There will be a new Design Execution for the visual in a week. thanks

It’s looking great! Like others have said stats, favorite tags, and maybe something like “groups” that we’re a part of

·

yes stats are coming on the My blog section. Not needed on the home page. and agreed groups could have some weight as well. you mean groups as in discord groups right ?

·
·

Yeah either a discord group quick menu or something like facebook groups for niche interests/ locations

·
·
·

thanks for the feature request. I will see how to incorporate that. I know discord is the Dm interface so perhaps a CTA button that allows a redirect to the software.

impressive... you are very talented and even though somethings are over my head, I can see the craftsmanship that you put in and the quality of your work! Good job!

·

yea there needs to be more personalization. I think that is in the form of tabs for followers, and tabs for tags and then a bunch of other tags for users, like onboarding, everything steem and definitely a way to save for later. so many topics i have saved in my browser and cant save them in the tool that stinks. thanks for the support.

Stats about other users in the content feed would be cool. Keep up the good work. :-)

·

it is most definitely coming my friend. I am working on that stats plug in for my next set of redesigns starting this week. The goal is to have more of the personalization and profile areas flushed out to meet the users needs for that area. This exploration really allowed me to understand the user and to establish a parent navigation of tabs that can be precise and minimal while incorporating a sort functionality at the content level. give a follow and stay tuned.

·

nice UI treatment, any interest in helping do the design work for mine and ill split the post 50.50. if so can you DM me on discord. "Theuxyeti" find me

Congratulations! This post has been upvoted from the communal account, @minnowsupport, by karencarrens from the Minnow Support Project. It's a witness project run by aggroed, ausbitbank, teamsteem, theprophet0, someguy123, neoxian, followbtcnews, and netuoso. The goal is to help Steemit grow by supporting Minnows. Please find us at the Peace, Abundance, and Liberty Network (PALnet) Discord Channel. It's a completely public and open space to all members of the Steemit community who voluntarily choose to be there.

If you would like to delegate to the Minnow Support Project you can do so by clicking on the following links: 50SP, 100SP, 250SP, 500SP, 1000SP, 5000SP.
Be sure to leave at least 50SP undelegated on your account.

·

Way cool! Glad i was recognized for my contribution. Thank you @karencarrens

One important thing to remember about reddit is that following does not exist in the form it does on steemit. Friending is not following.

So if you're going to copy-paste reddit, you need to remember that we're actually more like facebook or instagram or twitter in how follows and feeds work. Communities are probably going to make us some sort of abomination that conjoins the two ideas of subreddits and feeds with tags.

What is the point of doing this without knowing what they're going to do with communities?

·

NOT at all interested in copy/pasting reddit. that is so FAR from what ive designed.

·
·

thank you for not wanting to copy reddit... the worst excuse for a UI I've ever seen.

·
·
·

yea i dont like the UI we can make it smarter than that...

·

the point of doing anything is to do it because you enjoy it. I love redesigning and this is my contribution to steem. hopefully things will change. and people will see it. if nothing else I am SURFACING the crap that everyone wants and collectively providing a solution that can be pulled upon :)

·
·

Looks like they're finally responding to pressure, in my opinion the only reason the site design is this crappy to begin with is because it's a sorry excuse to sell steem as the currency that makes the experience of using steemit less crap. Either that or they haven't visited or used a single social media website and truly have no idea how to make one.

I'm going with the former, they treat steemit like some kind of grindy, crappy phone game and steem as the currency you buy in-game to boost your account with.

Nothing against your desire to play around with the UI.

·
·
·

hey again, if they're listening this is a great post to assist them on identifying how best to keep you engaged on this platform. thanks for your response :) good stuff.

I believe that a tab at the top where you could sort favorites would be pretty cool, i sort of like the design now so minor alternations might be cool to test.

·

yes sir! I got your ask already there in the build. you're reading my mind or drinking my kool aid lol... To take it a step further you could select the tab favorites based on the ppl you choose to follow, then select all as the sort to see all, or select a sort for "by vote" or "by comment" stay tuned its coming in the next wave. Give a follow. and thanks man.

·
·

Yes I was drinking the kool aid on that one...didn't think of it before but it would be an upgrade. I'll check out the next installation. Thanks.

·
·

I want a direct messenger on here too, come on Dan Larimer, deliver again. :)

·
·
·

Eh discord has so many moving parts that most likely won’t happen but you could have a button on the profile page that would link to discord dm that could be cool

Really coming together.

I'd make the logout button smaller, or even having it somewhere under a click it doesn't need to use that much real estate.

I'd also move the search above tags. It looks out of place there and could use that space for voting power, steem power, vote value, and other "stats" that really should be available when you login.

I know you had favorite tags before, but I could see this having an option for "my tags" and "smart tags"

My tags are tags you manually select to be shown. So you can filter the list by your favorites (starred tags)

Smart tags are a bit more clever and uses whatever tags you posted about in the last 30-60 days or whatever. Maybe merged w/ favorites. Even better have checkbox to decide what is shown.

For example:

·

Great feedback.
• agreed the logout button could be smaller and off to the side.
• the search tool should be in some fixed position in the header so i can agree perhaps it be relocated somewhere there
• as for stats etc. it’s overload to live in the header and since they are specific to you as a user when i start building the profile / my blog page they will live there. The page that shows our image avatar has so much missing. That’s where I’ll be posting that stuff. Thing of the home page as a logged in non-profile page but stats are coming. At least this is how i have my vision direction going until it poses an issue.
• tags - great feature i can add that in for sure. However the mechanic would be select tags tab at the top to display sort options within the tab content view. Similar to Reddit’s filterline when selected. But good you added additional features to help sift through relatable content.

Great comments! This all helps!

This is some really great work @theuxyeti. Just amazing. I love the new to Steemit. I'm glad you are stepping up and making this thing better. I'm not sure what I can add. Honestly, I think anything would be better than what we have now.

·

Hey thank you so much for the praise. Im hoping people see that im trying to make a difference here. You were one of my first friends here. thanks for supporting my designwork. Its definitely coming along and now i feel over the hump to keep rolling with the designs. thanks dude!

like I said... you are more clear than the water that runs through the rivers of Panama! I wish you the best, and I hope they will start listening to you more.
I love the "save for later" feature, better than having to open several windows tabs =)

·

agreed. it IS needed. Yup! this has been a blast, and theres so much more to come. If i revise the entire site theres gotta be at least another 12-20 rounds lol . thanks for the support

I really hope you get some of this implemented! How cool to help us get the pain points out! :). Love it!!

·

yes! Thats the plan. Even if it takes some time, itll at least be here in the History for steemit. Users will know and itll eventually be voiced to the right people to reach to me for a deeper learning and deeper connection to the research ive done. thanks for your comments

Looks so good!

·

sweet thanks for your comment. thanks :)

Glad the design is coming along nicely! Upvoted :)

·

Thanks for your support and in @freedomexists chat radio show. I love reaching out to all people about my series and work. Definitely making a difference. thanks

@theuxyeti Great to see these next steps on this cool new ui that's up 'n coming! Super exciting!!🎶

I love the search bar at the top where you can put in a username or topic, been hoping for that. Really so many awesome new touches!!! You're a real pro at all this! It's way otta my league that's for sure. But, it fun to see the process and know i can input my $0.02! Or, just be the peanut gallery cheering you on!! Awesome work dude! High Fives! Bam!Bam!! Bam!!! 🎉

And, thanks for mentioning me above! So sweet 😊

·

I can always appreciate a peanut gallery. It definitely helps to get the ear of the people. Thanks for this. Can definitely follow, theres so much more work coming, i try to have a solid R&D design ready each week for review. thanks

yessss! looking good!

absolutely love the approach to starring and trending tags - helps orient new users as well as hint at whats happening in the steemit world. good to go - ready to kill the next page?! well done!

·

yes. ready to go... do you do visual design... any interest in working on a page for me in the future. or soon. let me know on your time available. thanks

·
·

i could probably do a couple things in visual yea. are we open to updating visual as well? (obviously not in the rebranding sense lol - same colors, same style - just maybe adding some fresh touches? I'm happy to weigh in. is there a group/community thats working on this? how are y'all communicating /participating ?

·
·
·

its just me. and im not to keen on allocating work as its my baby lol. but if you have time this week, i think since we are similarly skill setted you might be a good advocate to help me produce this. what do you think. my deadline for design to show after all edits back and forth with you is sunday. I need it ready by then. let me know. So its just me. no big deal either way. but id be happy to split the post with ya. let me know if you have spare time after work this week to work on it.

·
·
·
·

yes would love to pitch in. i have about 5-10 hours i can probably scrape together a visual output by thursday-friday for you to review - sound good? may not be revolutionary but at least itll give it the fresh visual look :) let me know and ill get cracking.
are there developers in this as well - are these actually going to be applied in the real site? or just exploratory? just good for me to know :)

excited:)

·
·
·
·
·

It is exploratory. I did ask a designer before asking you and she’s responded before you did. I’ll have @thewayiseeit try the first round on the home page. Let me see how this goes first. It might be cool to have different designers on different pages of my vision that way it would increase community involvement. Let me see how this works first. But once I’m done with another page I’ll pick u up if you’d like

·
·
·
·
·
·

yea - lets do it:) let me know - I'm always around ready to tinker

·
·
·
·
·
·
·

I am ready for you If you'd like to take a stab at my UI wires. The first designer and I are too misaligned and its taking too much time to really produce something of value. I will Split the post value with you 50/50 If you are interested I can send you the minor style guide stuff ive designed as well as transparent pngs and icon files if youd like to start on it today... let me know. Can you email me directly at thetravelyeti@gmail.com

your drawing companion is nice interesting and interested. please vote yes

·

Thank you

I'll just wait for it to be done and then complain I don't like it. ;)

·

hey whatever works :) i can't please everyone, I'm just trying to build out the best redesign i can based on the other 250 clients ive had in my career. Just trying to assist the community by building a new design including all the voices of the community about the complaints :)

You got a 5.52% upvote from @ipromote courtesy of @theuxyeti!
If you believe this post is spam or abuse, please report it to our Discord #abuse channel.

If you want to support our Curation Digest or our Spam & Abuse prevention efforts, please vote @themarkymark as witness.

You got a 4.03% upvote from @postpromoter courtesy of @theuxyeti!

Want to promote your posts too? Check out the Steem Bot Tracker website for more info. If you would like to support the development of @postpromoter and the bot tracker please vote for @yabapmatt for witness!

You forgot to add tits and set it on fire =\

·

hah. sorry i missed that one lol ... :)

·
·

No worries, I'm sure you'll still propose it accordingly.

·
·

tumblr_mm4rga05ec1spg5nto1_400.gif
I got ya covered mate.

·
·
·

lol where do you find this stuff lol

·
·
·
·

I'm a regular denizen on the deep web.

·
·
·
·
·

you crack me up dude! i love it. absolutely a friend on here for life. dont change ever

·
·
·
·
·
·

Sorry but while I was cleaning the house, I found Jesus behind the couch.