DEV Community

Discussion on: My Social Media Blog Project 95% completed(React + Redux + Firebase)

Collapse
 
promikecoder2020 profile image
ProMikeCoder2020

Some small ui and ux recommendations:

  • Dont force a user to select a profile image at the sign up. Since most dont really want unless they want to publish content and thus can drive many people off(recent studies have shown that load times increases of less than one second can pull off lots of users image what happens if it is obligatory to force everyone to put a file)
  • Dont use alert boxes for information since a considerable portion of users disables alertboxes and you cant risk that for stuff such as saying user not found in the sign in form
  • This one is just a sugesttion but I believe that adding social media logins at least to google, facebook or twitter also improves turnover rates since the sign up process is considerably faster and its one less password to memorize(most users dont use password managers)
  • The file field that i have suggested shouldnt be required(although it could be there if optional) should get some style love(there you are using the default browser btn style i think)
  • Using placeholders in forms is a big no-no since they dissapear when a user starts typing. Instead most ux resources recommend using labels above or to the left of the input.
  • The options behind a post(delete, share,etc) should have bigger margins between them and should be larger since being the way they are they can be hard to click on mobile. Some bigger recomendations:
  • Maybe create a native app since most people like to use social media as a mobile app. This will be somewhat time consuming but you can quicken a lot the process by using react native and sharing code between this and the web app in react by using custom hooks in yarb workspaces(if you dont know what this is i recommend ben awad video on the topic)
  • I really advise you to market this in either or both these ways:

    • Invite popular creators to the social media,(if you have the money) or make good articles yourself(the react one you made is pretty good)
    • Create a youtube channel with content for the audience you think this social media is best suited for and market this during the videos. The success of this last approach can be proven by Clement's algoexpert advertising at his faang videos.
  • Recommend seeing fireship videos on optimizing firebase costs so you dont lose lots of money that way.

So that's it for suggestions and tips. Dont fell overwhelmed since most of them i think will be quick and fast improvements.
Now on a more positive note that's what i like about your app:
- Well choosen color theme
- Looks like a native app(mainly because of the post button on the top of everything else and the navbar at the bottom)
- Simple in a good way
- Good mobile responsivness(i hadnt time to check it on desktop so sorry for that)
- Beatifull and straight forward call to action page
- A new choice for creators in the social media space!

I really hope you are successfull since it is amazing to see apps buuld solo or by a solo person get popular. Good luck:-)

Collapse
 
seyeolajuyin profile image
Seye Olajuyin

Thanks for taking the time to reply.

Collapse
 
akinleyejoshua profile image
Joshua

Thanks so much for your great corrections and suggestions I will work towards resolving the issue,
Though I taught has much concerning the file upload and social media integration

Thanks so much

Collapse
 
promikecoder2020 profile image
ProMikeCoder2020

Glad you accepted the criticism in a good way

Thread Thread
 
akinleyejoshua profile image
Joshua

That's how I learn
Thanks