thedevs-network/kutt-extension

[refactor] redesign user interface

abhijithvijayan opened this issue · 8 comments

Screenshot from 2019-11-22 23-58-21

  • Access Settings / History On Right Click On Firefox
  • Option to Set Custom URL (User Specific)
  • Option to Disable Auto Shortening
  • Show Link to Dashboard
  • Right Click on Links Showing Shorten Options

Features like custom url shortenining requires much more validation(should throw error if already taken and all). This is not good for the minimal UI the extension has.

The purpose of this extension is to shorten on click so disabling autoshortening doesn't seem like a good choice.

Maybe if that feature is added, the custom url shortening could be implemented easily

In future I'm going to add a ability to allow multiple custom domains for each user. So the extension would need to allow the user to select custom domain.

@poet I co do that. But I need some UI Ideas and also recommendations on implementing this feature.

The UX must be better than those available in the store with such features as well.

Also, I will maybe rewrite it using react.

@poeti8 any updates on this?

Here's is what I came up with quickly as I'm working on API v2, feel free to adjust spacing, font-size and etc.

Domain should be a dropdown of user domains (kutt.it should be default). Domains can be fetched via /settings, can be fetched every time or we can save it and have a refresh button along side settings to refresh data.

image

@poeti8

I have started working on this and was wondering if you could help with the UI.

Just the design is enough for now.

I was wondering what the next screen after user clicks on it is to look like.

I was thinking having the qr code/copy buttons and maybe a back button or something.

Please do attach the designs you are looking for.

image

I just made a quick reference, please make sure the styles and colors for the kutt.it link and the copy icon and animations match the one in the Kutt.it website.

I'd rather to keep it simple, going back and forth between pages is not a good UX in my

Please make sure everything matches the design, except copy icon and link style, which as I said replicate the one in kutt.it:

image

By the way, feel free to ping me on telegram @poeti8 so we can chat about this