• Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Register
  • Login
UBports Robot Logo UBports Forum
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Register
  • Login

New UI/UX Idea for the Morph Browser

Scheduled Pinned Locked Moved App Development
3 Posts 2 Posters 593 Views 1 Watching
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • K Offline
      kugiigi
      last edited by kugiigi 18 Jan 2019, 07:41

      Hi,

      I recently released my very first webapp in the OpenStore using my own kind of a web container.
      Basically, there's a drawer similar to how it is in Android on the left side and a menu on the right side.
      Both can be opened via the bottom edge or the application header.
      For me it's really useful and makes it easy to navigate.
      And now whenever I use the browser, I feel like I'm looking for the same experience.

      So I just thought that maybe we can have the same UI/UX in the browser?
      The drawer will contain all the open tabs and the right menu will have the navigation actions such as back, forward, and refresh.

      What do you think? Would it make sense and will it be good?

      You can try it out yourself to get the feel of it. (Sorry for the shameless promotion LOL)
      https://open-store.io/app/pesbuk.kugiigi

      I'm not capable of creating mockups so here are the screenshots from my webapp.
      Just imagine it yourself 😄

      0_1547796453298_69582c9d-d846-48a8-821a-76d3625e35d9-image.png

      0_1547796476567_a67e410a-2df4-4d96-b716-89734b80d79f-image.png

      1 Reply Last reply Reply Quote 2
      • K Offline
        Krille
        last edited by 18 Jan 2019, 11:01

        Swipe from the bottom edge to navigate is very handy yes 🙂 And the left-side menu doesnt waste space thats also very good. What can be confusing is the menu button on the top left and this one on the top right. They are looking very similiar und so the user might not know where the difference is

        K 1 Reply Last reply 18 Jan 2019, 11:05 Reply Quote 0
        • K Offline
          kugiigi @Krille
          last edited by 18 Jan 2019, 11:05

          @krille Well if we will push with this idea, we can change the icon for the tabs. Maybe something similar to Chrome android where it indicates the number of open tabs.
          Not sure if the browser suspends tabs that are not in focus but if not, this button can also have an indicator when a tab needs attention similar to the desktop browsers when the tab is blinking.

          1 Reply Last reply Reply Quote 0
          1 out of 3
          • First post
            1/3
            Last post