Steemit Profile / My Blog Page Redesign Part II - Logged In: Viewing Your Profile

in #steemit7 years ago (edited)

Steemit Profile / My Blog Page Redesign Part II - Logged In: Viewing Yourself

My Profile / My Blog: How can I create a tailored experience to what matters most to me?

Construction Zone! - My Dashboard

Logged In - My Profile / Blog - List View

Persona: I am a returning user accessing my blog content, my metrics for voting, my personalization for tags, and my favorite tags and followers.

Profile Page I.png

horizontal_line.png

Logged In - My Profile / Blog - Grid View

Persona: I am a returning user accessing my blog content, my metrics for voting, my personalization for tags, and my favorite tags and followers.

Profile Page II.png

horizontal_line.png

Logged In - My Profile / Blog - Links Drop Down

Persona: I am a returning user and need to check out some plugins that i prefer that assist my experience. Instead of saving bookmarks, I’d like to have everything i need in one place.

Profile Page II - expand.png

horizontal_line.png

Comments from the Community

  • Add a Resteem Tab or sort method. Where should this be added?

  • Make the UI Scalable for Mobile

  • Create a way to sort between favorite users and possibly featured users

  • Create a favorites user tab. We did!

  • Possible create a sort tag functionality for users to quickly see content that interests them on my feed.

  • How can we buzz a follower about new content?

  • Get notifications from selected followers? Could be a tab in My Followers Tab

UX Designers Direction

  • We reorganized the sub navigation for My Profile / My Blog

  • We added a “mentions” navigation - this would allow me to be seen in any content other than a reply so i could comment or interact. ie. a post by a user, a contest winner.

  • We reordered the sub navigation based on USE from left to right.

  • some were confused as to the collapsed tab in the upper right. This is just my popular tags collapsed for easier view on the page and can expand and collapse as needed.

  • We added a notification ear to the “mentions” section to allow you what is new since the last time you selected the tab.

horizontal_line.png

Conclusion:

Returning User - Dashboard

We simplified a few easy adjustments. We added mentions, which is a way to be notified when mentioned in a post by a user or if i won a contest in a post. We adjusted the sub-navigation for easier scanning and accessibility.

If you’d like to review the Redesign Series and see how we came to this solution in our series here are the other redesign posts.

Part 1 of the My Blog Redesign Series
Part 7 of the Home Page Redesign Series
Part 6 of the Home Page Redesign Series
Part 5 of the Home Page Redesign Series
Part 4 of the Home Page Redesign Series
Part 3 of the Home Page Redesign Series
Part 2 of the Home Page Redesign Series
Part 1 of the Home Page Redesign Series

horizontal_line.png

Color Version of "my profile" coming next week...

New Pages next week!
  1. What does my profile look like to other users.
  2. What will the content look like when i select the tabs we've created... how will they sort, filter, and additional features that are content specific.

horizontal_line.png

THANK YOU

giphy.gif

Thank You Steemians!

Thank you for your votes, your constructive comments, and your resteems. All of your voices are heard, and weighed into the new UI design series.
LOOK AT HOW MANY PEOPLE HAVE CONTRIBUTED TO THIS UI!

@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, @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, @austinhopper, @masscollective, @multi4g, @giddyupngo, @pittsburghhodlr, @charitybot, @pathtosuccess, @minnowsupport, @socky, @thehoneys, @yogajill, @zahril, @funbobby51, @cryptosharon, @maverickinvictus, @polebird, @minnowsupport, @travelersmemoire, @thatsweeneyguy, @icedrum, @tts, @mominsdt, @alltech1, @thatkidsblack, @muqarrabshah, @danielsaori, @nicnas, @shares, @k9disc, @artgirl, @acidyo, @wackou, @ausbitbank, @xaero1, @wesleybos, @lrock, @playitforward, @mod-tamichh, @noboxes, @discordia, @kodaxx, @dbzfan4awhile, @teamhumble, @hottopic, @kimzilla, @whatsup, @scorer, @overkillcoin, @yairdd, @dshelton32, @revisesociology, @lenatramper, @glenalbrethsen, @coffeex, @fourfourfun, @msp-lovebot, @travelersmemoire, @mitneb, @friendsofgondor, @interfecto, @sexdeathrebirth, @ms10398, @robertvogt, @ryacha21, @mackcom, @triverse, @oliviadejeu, @baby07, @thealliance, @jdevora, @saffisara, @fishyculture, @fabiyamada, @indian-mom, @jamesgetsit, @ipromote, @carface, @slickwilly, @edwardlewis, @geofftk, @etcmike, @austinhopper, @karencarrens, @titusfrost, @dolladu, @doggedfi, @steempowerpics, @akrid, @ericwilson, @jschindler, @bandm2016, @creon, @macmaniac77, @cgbartow, @fow, @saadiallan, @c0ff33a, @shuta, @guchtere, @thehoneys, @masscollective, @alexis555, @bue, @techslut, @protegeaa, @fminerten, @steempty, @stephen.king989, @spydo, @personz, @cron, @timwu, @inventor16, @jlordc, @oleksandr, @theb0red1, @inus12345, @v4vapid, @totolina, @appreciator, @smartsteem, @abh12345, @inquiringtimes, @wesleybos, @leeuw, @geofftk, @protegeaa, @moreseke1, @cryptocat, @mes, @edb1984, @remcovdpluijm, @drpuffnstuff, @celsius100, @eirik, @atmosblack, @pwrup, @seveaux, @thecryptogold, @stsl, @mstafford, @evecab, @sutekh, @kevbot, @hitmeasap, @arobquinn, @larus, @yekrats, @zipporah, @jlordc, @iansart, @ponoj, @samysamy, @beccadeals, @roguelike, @stopfox, @memebot, @alnedkov, @movievigilante, @trkaplan, @thebugiq, @jmvs, @t2tang, @ahmadrabdi, @benmaurice, @eeks, @wesleybos, @clayford08, @etcmike, @r0nd0n, @mattclarke, @datascience, @steematis, @arcange, @rawdawg, @katrina-ariel, @minnowuniversity, @stormriderstudio, @planet-power, @raphaelle, @jacobts, @fukumineko, @netuoso, @brandonp, @fminerten, @shadowspuub, @ammonite, @kriptonoob, @jamesbarraclough, @venalbe, @nataliejohnson, @ghasemkiani, @antimedia, @pjau, @cryptotem, @arobquinn, @allfothegood, @dogeking, @antoniokt, @practicallyapro, @mulletwang, @sykochica, @pharesim, @bestbroplayer, @shortcut, @arcange, @personz, @drpuffnstuff, @lenatramper, @ericwilson, @melvadg, @dizzyjay, @pattoounlimited, @smylie2005, @rextyge, @estrellamag, @teukuyusril, @musclegirlfusion, @liberviarum, @focusnow, @detlev, @iodoorclubmunich, @vonromulobalsamo, @aiyumi, @kingingodwin,

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.

Footer.gif

PLEASE FOLLOW MY WORK!

@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.
* Ex Big Brother CBS Finalist - Reality TV
* Competitive card player both protour MTG and WSOP
* Scuba instructor, dart thrower, hearthstone mechanic exploiter, Gif Commentor, UI Site Auditor, Beach and Travel Entrepenuer

horizontal_line.png

How to find me

Steemit: www.steemit.com/@theUXyeti
Discord: TheUXyeti or TheUXyeti#5698
Dtube Channel:

Sort:  

It looks fantastic, I just can't wait to see and experience the beta. It just look so calm and easy. IMO better than steemit.com right now :P

working on the github today and this week... trying to get everything in place for my devs to get cranking :)

Great to hear buddy!

That is a long list of people...

Yep! And you will be added too! Thanks!

Oh wow, this looks absolutely amazing!

Just a quick questions that I didn't really understand from the post; is this going to be proposed to be used for Steemit.com, or for another project that is based on the Steem blockchain?

I will build out my hybrid ui for Steemit similar to busy.org

Oh, that sounds cool! I'm looking forward to seeing how it turns out.

Followed! Thanks for the support and comments

This is shaping up man, gave it my 100% upvote in support. Keep up the good work, you're leaving your mark here.

dude coming from you that means A LOT... Thanks man.

I recently posted about some of the ideas being implemented here and wasn't aware there was something in the works. This is super awesome and I'm very excited this is happening.

yes ive decided to revamp the UI and build it out as another hybrid UI for ppl to use

I think it's really great. I tweeted the article url and resteemed.

awesome. thanks :)

Love the format of the post previews.

yes sir! trying to get the word out that theres a new UI coming' had a long discussion with my devs today and it will get built starting monday next week after hours :)

Al_Capone.png

My mood right now.

Is this a condenser site?

It will be. I’m working the ui out and then willbebuilding our the platform soon

That's nice. I designing something new for Steeming.com condenser site and your UI is excellent, maybe I can collaborate with your design or help me out. Come find me at SteemChat.com discord server.

Is this a wireframe or actual website?

wireframes

This is shaping up nicely. Virtually everything anyone could ask for at their fingertips. I think it looks great. Clean, super functional. It feels like an actual modern social media site. Good work!

thats the plan, and now itll be in the works as well we start production monday

How long until we get a beta? 🤤 it’s looking better and better. I cant wait for a steemit I can use effectively. B-e-a-uutiful user interface. @theuxyeti keep up the good work! I think people need to really consider donating to your project! With sp delegation or some sbd to help you fund your technologies. I will forsure when my power grows. Already got a delegation list for the future.

90 days or less. production starts monday. yea itll be a couple thousand to build is my guess but its my baby and lets see if i can get it workin'

Alright! I’m gunna start brainstorming some fun ways to raise awareness and funding towards this! Cant wait. Lets aim to get you sponsored so we can fast track this build and getter rippin.

Sorry I’m testing another ui and it’s a bit strange

Didnt understand why you said till i saw my history on steemd lol. Its all good and hey i dont know if i just missed it but i follow some users for their blogs but they resteem alot would you be able to adapt some sort of toggle so i can more easily seperate original material from said blogger and their resteems like even a side by side on their blog page or an -all -resteem -original content toggle. You know what im saying?

Yes in my feed next post for content I’ve got a toggle

eager to see those changes come true

thats the plan, i have ppl in place to help me build out my vision

Wow my hobby and my profesy :)

Looks a lot like facebook just black and white.

Why thank you! What a compliment! Woohoo! You need to have an interface that is easily adaptive from other social media sites with the lowest learning curve possible to retain a user base. You should review busy.org if you’re concerned with Facebook likeness. I’m adding features needed to streamline a personalized experience. But thank you!

Your Post Has Been Featured on @Resteemable!
Feature any Steemit post using resteemit.com!
How It Works:
1. Take Any Steemit URL
2. Erase https://
3. Type re
Get Featured Instantly & Featured Posts are voted every 2.4hrs
Join the Curation Team Here | Vote Resteemable for Witness

Congratulations @theuxyeti, this post is the fifth most rewarded post (based on pending payouts) in the last 12 hours written by a User account holder (accounts that hold between 0.1 and 1.0 Mega Vests). The total number of posts by User account holders during this period was 2103 and the total pending payments to posts in this category was $4779.89. To see the full list of highest paid posts across all accounts categories, click here.

If you do not wish to receive these messages in future, please reply stop to this comment.

That’s great! What does this mean and what are vests? How do they work

Good post i like that follow u steem frnd
Follow back stay bless

First, I appreciate the upvote on my first post the other day. Many thanks. Second, this interface would be really nice. As a newbie the learning curve is a bit too steep in my opinion. I'm somewhat of a nerd so I don't mind figuring things like this out, but I know it would scare off other great users who'd supply quality content. And on the content side of things, do you have any great solutions for all the bots/spammy comments that I see? Perhaps I just don't enough about this platform yet.

Agreed the onboarding is close to impossible to digest. I’ve rage quit many times. I’m hoping my ui will help ppl for sure

@Cryptoctopus this is scintillating very constructive and informative,keep it up.

thank you useful information

hey thanks my friend. slowly but surely i will build out my creation. thanks for the support