[ Swapsteem Development ] - Added Help Page and other UI Tweaks

in utopian-io •  15 days ago

Repository

https://github.com/nirvanaitsolutions/swapsteem

Bug Fixes

  • What was the issue(s)?
    Previously, there wasno loader being shown while logging a user in especially with slower connections.
    I added a loader when an API call is made for authentication and it looks good now. The UI prevents users from doing any further action while in an async call which was intended.

New Features

  • Added Help Page
    SwapSteem is a new product and there was a need for a guide on how to use the platform and stuff. This was raised in Issue#66. The content for help page was already available in markdown format in our github repo. I had to convert the markdown to html and present it on the UI in a beautiful way.
    There are 4 sections in the help page namely,
  1. How to Buy
  2. How to Sell
  3. How to Post a Trade
  4. FAQ

I used the sections feature to enable users to expand/collapse the section they want to read. You can see the Help page in action in below screenshot and video.

Screenshot_2019-02-09-10-39-13.png

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:  

It's cool you guys have added a help page, since I think using Swapsteem could be a little bit daunting if you don't understand things at first. I will be honest and say that I don't think the page looks that great, and could definitely be improved by doing the following:

  • Make it less wide - imo the text shouldn't really span the entire width of the page. It makes it more difficult to read, and isn't very aesthetically pleasing. (localbitcoins.com was mentioned as an example in the issue, and as you can see they made it less wide).
  • The images are very big and all different sizes. You could try and make all the images a similar size (or at least width) at first, and make it so they can be shown in full by clicking on them for example. Currently it looks a bit inconsistent imo.

Of course there are plenty of other things you can do to improve the page, but I'm bad at design so these are just simple suggestions. As for the commits / post, I'd like to point out a couple of things as well:

  • It seems like most of the work is just adding the HTML structure, since the actual content was already written. In that case it's even more important to get the design right, since creating the HTML is the most simple part.
  • You linked a pull request, but also a commit in the pull request, which is pretty confusing.

I hope I wasn't too harsh, but I really think first impressions are important, so I'd definitely recommend you try and improve the page. I would like to suggest you try to find someone who is great at designing pages, and get them to create it using Adobe XD for example (and then you can simply copy the design). Good luck!


Your contribution has been evaluated according to Utopian policies and guidelines, as well as a predefined set of questions pertaining to the category.

To view those questions and the relevant answers related to your post, click here.


Need help? Chat with us on Discord.

[utopian-moderator]

·

Thanks @amoshastian for the review.

Posted using Partiko Android

·

Thank you for your review, @amosbastian! Keep up the good work!

✅ Enjoy the vote! For more amazing content, please follow @themadcurator for a chance to receive more free votes!

Hi @bunnybugs!

Your post was upvoted by @steem-ua, new Steem dApp, using UserAuthority for algorithmic post curation!
Your post is eligible for our upvote, thanks to our collaboration with @utopian-io!
Feel free to join our @steem-ua Discord server

Congratulations @bunnybugs! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :

You received more than 100 upvotes. Your next target is to reach 250 upvotes.

Click here to view your Board
If you no longer want to receive notifications, reply to this comment with the word STOP

Support SteemitBoard's project! Vote for its witness and get one more award!