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 608 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

        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
        • KrilleK Offline
          Krille
          last edited by

          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 Reply Quote 0
          • K Offline
            kugiigi @Krille
            last edited by

            @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
            • First post
              Last post