Add Responsive Template For Mobile | Suggestion For Debato

in #utopian-io7 years ago

eeyey.png

Repository

Debato

Introduction

Debato is a platform founded on the Steem Blockchain system that allows users to participate in online debates. Debato does not only provide space for discussion or debate, but users can also get reward through upvote when conducting discussions. Debato is a unique debate platform that you can try :).

Components

The components (Features) I want to suggest is:
Responsive Template For Mobile

Proposal Description

Debato is a project that must be supported. Therefore, I currently want to play a role in giving advice or input to add value to Debato. I am sure, not many people think of establishing projects like Debato. The concept that was presented in my opinion was quite unique, although improvements still needed to be made to make Debato a perfect concept, but that was not a big problem, because Debato was still said to be a new project.

To create a perfect project, I am sure Debato needs several conceptors or contributors to find out what users need in the future. Therefore, I want to be a part to help Debato become a perfect project or platform. In my opinion, user convenience is the first thing that must be considered by Debato developers. I have tried to explore Debato and I found a problem about the user comfort that Debato needed to respond to. As for the comfort problem I mean the display of Debato which is not responsive for mobile / smartphone.

tessss.png

What is a responsive template?
Responsive templates is templates design that allow the layout to change depending on the screen resolution when appearing. Cool web design is not only enough for users. Users need responsive web design to get comfort when accessing it. Therefore, debato must make improvements to the design of the web display to support when users access Debato via Mobile.

There are some problems that appear on Debato when the template is unresponsive:

  • the user cannot see every detail specifically
  • users cannot access the site flexibly
  • the user must zoom to access the menu (that is a boring thing for the user)
There is a BUG

But there was one more problem that happened, I found a problem (BUG) when I accessed the features in the profile. Display menus such as Start Discussion, My Profile, and Log out do not appear.


You can see in the video above, I really can't access the features above.

For some of the reasons above, I think the Debato developer will accept my suggestion. In this suggestion, I also want to share one of the template design examples in the mobile version that might be an illustration later for Debato developers.

Mockups / Examples

Below is an example of the design or layout of the Debato template on the mobile version.
EEEE.png
dadadw.png

#2.png
#22.png

#3.png
#33.png

#4.png
#444.png

#5.png
#55.png

Benefits

  • With the design of a responsive template, the Debato display will adjust according to the screen resolution of the device. This will certainly provide comfort for users, because users can access Debato flexibly and easily.
  • With a responsive display, Debato will provide a better user experience and will certainly improve the usability of the Debato platform.
  • By providing comfort for users with the appearance of responsive templates, it will certainly increase visitors and make Debato popular. In addition, half of the world's web traffic comes from mobile devices. That way, the choice to change the appearance of being responsive on Mobile is a good thing. And by providing comfort in a mobile display, of course users will feel at home for long.
  • And finally, the responsive template will certainly make Debato in a better SEO rating.

GitHub Account

@ahyar92
Submit in the github
Examples of template and Mockup designs (Download)

Sort:  

Hello @ahyar92!
Thank you for this excellent contribution.
I really liked the mock-ups used in this contribution, the suggestion is very well detailed as well and nicely formatted as well.
Unfortunately your suggestion of responsive mobile template isn't technical in nature and therefore it can not be considered for utopian reward.
I really appreciate the work you put into this contribution but I have to follow the utopian guidelines.
We are already looking for your next contribution.

Edit
After some discussions with our community managers, we reached a decision to score this contribution as it adds significant value to the project and the PO has acknowledged it as well.

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]

Hi sir @syedumair, I appreciate your decision sir. But please consider my contribution again. PO responded well to my contribution in my contribution comments. All you need to know sir, PO has implemented my advice on the project. You can access https://debato.org/ via mobile.
Isn't developer satisfaction an added value?

I respect your decision!! Thank you sir

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

Thank you for your suggestion! Responsive webdesign and mobile versions are indeed a very important feature to offer the platform on a variety of devices. I will add a mobile version to the project planning.

Thank You Sir :)

Hi @ahyar92!

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

Hey, @ahyar92!

Thanks for contributing on Utopian.
We’re already looking forward to your next contribution!

Get higher incentives and support Utopian.io!
Simply set @utopian.pay as a 5% (or higher) payout beneficiary on your contribution post (via SteemPlus or Steeditor).

Want to chat? Join us on Discord https://discord.gg/h52nFrV.

Vote for Utopian Witness!