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

App Design Concept

Scheduled Pinned Locked Moved Design
26 Posts 9 Posters 5.6k Views 3 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.
    • J Offline
      Josele13
      last edited by Josele13 20 Jan 2019, 19:13

      Hi guys, want to propose a design for UT more practical,

      many Apps have the design parameters as each developer wants, buttons up, down, left to right, completely out of control. settings, configurations, actions each developer chooses how his App moves.

      there are two ways to pick up a phone, from below as you use Android, from the left as you use Iphone, doing both things at once is cumbersome, this should be talked about and propose a change,

      I propose a change for the better, but I would like community people and developers to talk about it to make a more uniform operating system, which is the best mobile OS,

      I propose to use the phone from the left hand Iphone style, but that the action buttons, settings and adjustments can be done without moving the hand, only with the thumb of left hand, so you have the right hand to write, point, take .... right hand totally free.

      the finger reaches a maximum length on the screen, then the action should be at your fingertips

      when you interact with the phone is when you use both hands, that's when you're longer in the App you've opened, for example with games, with multimedia or with the keyboard typing, that's when you need the use is at the bottom of the phone.

      I take this opportunity to comment, I am one of those who thinks that an operating system should not have the color black or white, only serve for letters and bars, these two colors make the systems are less elegant, but maybe it is good for the consumption of resources.

      Now I will send photos for you to see my idea, there are many photos,
      after the community has its say,

      greetings...

      0_1548011030488_photo_2019-0.jpg

      0_1548011070347_photo_2019-00.jpg

      0_1548011090541_photo_2019-000.jpg

      0_1548011104377_photo_2019-0000.jpg

      0_1548011122405_photo_2019-1.jpg

      0_1548011133727_photo_2019-2.jpg

      0_1548011146746_photo_2019-3.jpg

      0_1548011161750_photo_2019-4.jpg

      0_1548011180506_photo_2019-5.jpg

      0_1548011193165_photo_2019-10.jpg

      0_1548011206262_photo_2019-11.jpg

      0_1548011220484_photo_2019-12.jpg

      0_1548011234132_photo_2019-13.jpg

      0_1548011253141_photo_2019-14.jpg

      0_1548011271046_photo_2019-15.jpg

      0_1548011282187_photo_2019-16.jpg

      0_1548011294329_photo_2019-17.jpg

      0_1548011369239_photo_2019-21.jpg

      0_1548011379571_photo_2019-22.jpg

      0_1548011422810_photo_2019-32.jpg

      0_1548011462525_photo_2019-33.jpg

      0_1548011482611_photo_2019-34.jpg

      0_1548011501193_photo_2019-50.jpg

      0_1548011516209_photo_2019-80.jpg

      0_1548011535875_photo_2019-81.jpg

      0_1548011552686_photo_2019-82.jpg

      0_1548011580358_photo_2019-90.jpg

      Xiaomi Redmi Note 9 pro
      Oneplus Nord 100
      Xiaomi Redmi Note 7
      Nexus 5
      Bq E4.5 Ubuntu edition .... is dead

      1 Reply Last reply Reply Quote 2
      • A Online
        arubislander
        last edited by 22 Jan 2019, 10:24

        I am impressed. Thinking of redesigning the UI of my app to comply with this.
        But might wait to see what comes out of the discussion, first.

        πŸ‡¦πŸ‡Ό πŸ‡³πŸ‡± πŸ‡ΊπŸ‡Έ πŸ‡ͺπŸ‡Έ
        Happily running Ubuntu Touch
        Google Pixel 3a (20.04 DEV)
        JingPad (24.04 preview)
        Meizu Pro 5 (16.04 DEV)

        1 Reply Last reply Reply Quote 2
        • H Offline
          hummlbach
          last edited by hummlbach 22 Jan 2019, 21:15

          Okay i think I got most of your ideas. In a nutshell you're suggesting to kill the trailing menu (and put the app icon there instead) in order to:

          • be able to do the most basic/important actions respectively navigate through the app with the left hand only
          • get app headers that are more consistent

          Thats my thumb range btw. First picture is how I usually hold my phone:
          0_1548191445408_screenshot20190122_215419630.png

          It may take a while to get used to it, but its possible/thinkable to hold the phone orthogonal to the fingers s.t. the thumb range in my case on turbo looks like that:
          0_1548191569474_screenshot20190122_215636477.png

          Nice. Interesting thoughts!

          J 1 Reply Last reply 22 Jan 2019, 22:39 Reply Quote 1
          • J Offline
            Josele13 @hummlbach
            last edited by 22 Jan 2019, 22:39

            @hummlbach My idea is to take the phone in half, from that position the thumb reaches a good part of the phone, you can slide the top bar and you can slide the bottom bar, you can open the left bar and almost slide the right side, if you place the action buttons in the left area as in the Ubuntu desktop, you can manage almost all the functions of the phone with one finger, the OK finger,

            with that you get to have the right hand for other things, take a book, write, call the taxi, etc etc etc. etc..
            Even if you are right-handed, you can handle it well.

            greetings...

            Xiaomi Redmi Note 9 pro
            Oneplus Nord 100
            Xiaomi Redmi Note 7
            Nexus 5
            Bq E4.5 Ubuntu edition .... is dead

            1 Reply Last reply Reply Quote 0
            • K Offline
              kugiigi
              last edited by 23 Jan 2019, 05:52

              I'm not sure I like having the app icon there in the header. What does it actually do?

              Anyway, my current idea of app UI/UX are in my recent apps (Palitan and Pesbuk).
              The header is kinda typical with a left action button(s), title, and right action button(s).
              The cool part is that those action buttons can be triggered and reachable via the bottom edge.
              I think Samsung's One UI wherein the header can be enlarged to be more reachable from the bottom is also great....which I borrowed by the way in my 2 recent apps too πŸ™‚

              In my personal opinion, this design works in a converged UI since the header is still at the top which is ideal in desktop use but still reachable from the bottom when used on phones.

              J 1 Reply Last reply 23 Jan 2019, 18:23 Reply Quote 0
              • A Online
                arubislander
                last edited by 23 Jan 2019, 06:12

                One concern that occurred to me is that this arrangement, which would (in my case) encourage an increase in the use of the left thumb, could also increase the likelihood of smartphone thumb injury... πŸ€”

                πŸ‡¦πŸ‡Ό πŸ‡³πŸ‡± πŸ‡ΊπŸ‡Έ πŸ‡ͺπŸ‡Έ
                Happily running Ubuntu Touch
                Google Pixel 3a (20.04 DEV)
                JingPad (24.04 preview)
                Meizu Pro 5 (16.04 DEV)

                H J 2 Replies Last reply 23 Jan 2019, 08:42 Reply Quote 0
                • H Offline
                  hummlbach @arubislander
                  last edited by 23 Jan 2019, 08:42

                  @arubislander may also encourage phones to base jumping and face planting... (but i would risk that ;))

                  @kugiigi \me is also not sure about the app icon there... πŸ™‚

                  1 Reply Last reply Reply Quote 0
                  • D Offline
                    dobey
                    last edited by 23 Jan 2019, 15:55

                    What about people who hold their phone with right hand instead of left? What about people who don't have hands, or who cannot use them with a touch screen?

                    Simply moving stuff from point X to point Y does not solve any real problem. Unfortunately life is far more complex than that. Any changes in overall design really needs to account for a lot more situations, and be as accessible to as many people as possible. And that's exactly what I've started the Ergo toolkit to do. It will eventually be good enough to replace ubuntu-ui-toolkit, and is meant to be more adaptable and accessible.

                    J 1 Reply Last reply 23 Jan 2019, 18:48 Reply Quote 2
                    • J Offline
                      Josele13 @kugiigi
                      last edited by 23 Jan 2019, 18:23

                      @kugiigi the idea of the icon in the header is to give symmetry to the app, if you just put the preference buttons and back, the name of the app or action to the center, there is an empty space to the right,

                      is not by function, but visually it is nice to see the icon .

                      Xiaomi Redmi Note 9 pro
                      Oneplus Nord 100
                      Xiaomi Redmi Note 7
                      Nexus 5
                      Bq E4.5 Ubuntu edition .... is dead

                      1 Reply Last reply Reply Quote 0
                      • J Offline
                        Josele13 @arubislander
                        last edited by 23 Jan 2019, 18:35

                        @arubislander said in App Design Concept:

                        One concern that occurred to me is that this arrangement, which would (in my case) encourage an increase in the use of the left thumb, could also increase the likelihood of smartphone thumb injury... πŸ€”

                        The lesions on the fingers are odious, but although there are action buttons on the left side, does not mean that you use only the left hand, you can continue as now picking up the phone with the left hand and up the right to press, I think it is uncomfortable to use both hands,

                        for example when you use the browser and want to go to history, bookmarks, etc ... you have to raise the right hand, having the phone held with the left hand sure that backwards you use the left hand, for convenience and speed.

                        the idea is that from the left hand you use everything, using only one finger,

                        when you interact with the app such as games, multimedia and the keyboard to type then if you use both hands.

                        greetings...

                        Xiaomi Redmi Note 9 pro
                        Oneplus Nord 100
                        Xiaomi Redmi Note 7
                        Nexus 5
                        Bq E4.5 Ubuntu edition .... is dead

                        1 Reply Last reply Reply Quote 0
                        • J Offline
                          Josele13 @dobey
                          last edited by 23 Jan 2019, 18:48

                          @dobey you can hold the phone with your right hand if you want, in fact I do that too many times, but when you use the telegram and leave the left bar you will have to raise your left hand too, or when you use the browser to return to the previous page as well,
                          this idea is fine for both tablets and Unity 8, that screens are larger by resolving to have the icons in the same place as any desktop app,

                          on your desktop you imagine that you had on the left side File, Edit and History and then on the right Bookmarks, Tools and Help

                          You'd think I'd have to move the mouse around.

                          Greetings...

                          Xiaomi Redmi Note 9 pro
                          Oneplus Nord 100
                          Xiaomi Redmi Note 7
                          Nexus 5
                          Bq E4.5 Ubuntu edition .... is dead

                          D 1 Reply Last reply 23 Jan 2019, 22:35 Reply Quote 0
                          • D Offline
                            dobey @Josele13
                            last edited by 23 Jan 2019, 22:35

                            @josele13 said in App Design Concept:

                            @dobey you can hold the phone with your right hand if you want, in fact I do that too many times, but when you use the telegram and leave the left bar you will have to raise your left hand too, or when you use the browser to return to the previous page as well,

                            It really depends on the size of the phone. Pretty much any phone over about 4.5 inch screen, is impossible to use with a single hand, especially as the side bezels are reduced to nothing on newer and larger phones.

                            this idea is fine for both tablets and Unity 8, that screens are larger by resolving to have the icons in the same place as any desktop app,

                            How is simply moving something from the right side of a toolbar at the top of the screen, to the left side, and replacing the right side with an icon that does nothing, actually better? What evidence are you using to evaluate the design?

                            on your desktop you imagine that you had on the left side File, Edit and History and then on the right Bookmarks, Tools and Help

                            But why are they split this way in the first place? And why do I need them to be there at all?

                            You'd think I'd have to move the mouse around.

                            Why? Should we not also design converged applications in a manner to support a reduction in the need for mouse usage?

                            When I look at your concepts, I don't know what I'm looking at. There's no clear benefit that I can see, no explanation or evidence about how it improves the system for everyone, and seemingly unrelated bits added in. Thought experiments, and design concepts are fine to do, but I think it's best to start by defining the problem we're trying to solve. What exactly is the problem you're proposing to solve with this? Single-handed phone usage? Single-handed usage in left hand only? If we can define the problems exactly, and consider also people who may not fit into that mold, we can design much better software, and solve the problem for a lot more people.

                            J 1 Reply Last reply 23 Jan 2019, 23:25 Reply Quote 0
                            • J Offline
                              Josele13 @dobey
                              last edited by Josele13 23 Jan 2019, 23:25

                              @dobey said in App Design Concept:

                              But why are they split this way in the first place? And why do I need them to be there at all?

                              That's clear, no one can use a phone with one hand, so I propose that the action buttons are on the left side, if someone wants to use only one hand, it is not mandatory to use the left hand you can use the right hand if you want, there is not a meter distance to change in excess if you use both hands,

                              the submenus that I have put on the left side, could also be placed in the center of the screen, so that using the right or left hand would not affect you, some app put it to the right and others to the left, I think it does not look good ,

                              put the icon on the right side is by symmetry in the top bar, if you think it does not look good, it is removed from that position, I particularly like to see it.

                              greetings...

                              Xiaomi Redmi Note 9 pro
                              Oneplus Nord 100
                              Xiaomi Redmi Note 7
                              Nexus 5
                              Bq E4.5 Ubuntu edition .... is dead

                              D 1 Reply Last reply 24 Jan 2019, 15:12 Reply Quote 0
                              • D Offline
                                dobey @Josele13
                                last edited by 24 Jan 2019, 15:12

                                @josele13 Can you please define the exact problems you are looking to solve? I still have no idea what the problem is, only that you have dumped a bunch of screenshots to show something that you personally think is better, for no other reason than you personally think it is better because you can then use only your left hand on your device.

                                Also, I strongly suggest to try and stop looking at UI/UX design from the "does this look good to me?" point of view, and try to place yourself into the roles of others. For example, some things to consider when designing interfaces:

                                • People who use Right-to-Left languages
                                • People who may be unable to use your preferred hand for interacting with the device
                                • People who may have nervous system conditions that can make interacting with touchscreens more difficult
                                • People who may have various vision concerns

                                Most things are not going to be resolved by a general design concept, but still must be considered when creating such designs. Most of these will often need to be solved in app-specific code on a per-app basis.

                                G 1 Reply Last reply 24 Jan 2019, 16:23 Reply Quote 1
                                • G Offline
                                  GIEMME @dobey
                                  last edited by 24 Jan 2019, 16:23

                                  @dobey I think that the concept of being able to do as much as possible with one hand is correct. This does not rule out that it can still use two hands.
                                  It would also be useful to have a "right-handed" or "left-handed" function that speculatively overturns the UI.

                                  BQ Aquaris E4.5 since 2015

                                  1 Reply Last reply Reply Quote 2
                                  • J Offline
                                    Josele13
                                    last edited by Josele13 24 Jan 2019, 21:47

                                    The original idea was to unite everything to one form, that all the apps have the control buttons scattered up, down, left and right without a rule, really looks like the jungle, we are talking about putting order in the Chaos, make a homogeneous operating system, that anyone who does not know Ut see the system clean and nice design, easy to see, easy to use, all submenus equally, but each app with the functions each application needs to work,

                                    in the interaction of each app the developers have to put the buttons as each app needs, a document is not a game, is not the relog, is not a player, is not a browser, is not Telegram, etc ... the interaction uses the whole screen and you will use both hands, although it would be a detail of the developer when you press on the buttons at the top of the app were on the left side.

                                    I offer an alternative to this chaos, but what I say is worthless if the community does not see it well.

                                    Android has the idea of using only one hand with the three lower buttons, and to act easily and get out of the apps, even if it's the basics. My idea is good to use a single hand and a single finger, this does not mean that a right-handed can not use the phone, you should not make a mistake in limitations of use, you can use it too, but use both hands as you are doing so far, even for those who read from right to left can do the same, it is not a drastic change of the system, is to join them to a place of use.

                                    if you like the idea of placing the buttons to the right as Windows, you will use it easily with the right hand, but you will have problems with the left bar of Unity, you no longer arrive with the right hand, for options is better the left hand,

                                    I think it's a good proposal for Ut, but the community has the last word.

                                    Greetings...

                                    0_1548366727298_Ambas manos 1.jpg

                                    0_1548366744793_Mano izquierda 1.jpg

                                    Xiaomi Redmi Note 9 pro
                                    Oneplus Nord 100
                                    Xiaomi Redmi Note 7
                                    Nexus 5
                                    Bq E4.5 Ubuntu edition .... is dead

                                    ? D 2 Replies Last reply 25 Jan 2019, 06:23 Reply Quote 0
                                    • Pulsar33P Offline
                                      Pulsar33
                                      last edited by 25 Jan 2019, 06:18

                                      Hello,
                                      I really agree with all what @dobey says. I never use my thumbs to use my phone and I noticed that most seniors do the same. I don't have the agility and I'm afraid to drop my phone. In addition, I find that restricting the freedom of developers reduces the interest in having a variety of applications. Standardization has advantages as long as it does not become tyrannical. I really do not see the point of this proposal.
                                      Best regards
                                      Pulsar33

                                      Aquaris BQ E5 HD UBports OTA-25 (currently testing features)
                                      Aquaris BQ E5 HD Ubuntu Edition Canonical OTA-15 (last Canonical version, daily use)
                                      Raspberry Pi 4 B - 4 GB & 8 GB with various OS and Desktops (UBports not OK)

                                      1 Reply Last reply Reply Quote 0
                                      • ? Offline
                                        A Former User @Josele13
                                        last edited by A Former User 25 Jan 2019, 06:23

                                        @josele13 Thank you, now I understand- and I realy like your idea. There is only one thing I would change. I would like to use the app icon
                                        0_1548396586595_a9685649-cf63-431c-8973-a02f7e71e82c-image.png
                                        as the menu/action bottom (on the left side of course),
                                        0_1548397030450_8ba033ce-d019-4040-bc20-b96c0a035eb9-image.png
                                        so nobody is pushing on it unnecesarily.

                                        J 1 Reply Last reply 25 Jan 2019, 22:45 Reply Quote 0
                                        • D Offline
                                          dobey @Josele13
                                          last edited by 25 Jan 2019, 14:54

                                          @josele13 said in App Design Concept:

                                          The original idea was to unite everything to one form, that all the apps have the control buttons scattered up, down, left and right without a rule, really looks like the jungle, we are talking about putting order in the Chaos, make a homogeneous operating system, that anyone who does not know Ut see the system clean and nice design, easy to see, easy to use, all submenus equally, but each app with the functions each application needs to work,

                                          While I'll agree that there some issues with the tabs view of Morph browser, and possibly with some other parts of it, I must disagree that your proposal is a solution to any of these issues, and in fact creates more design problems clearly evidenced in your mock-ups. However, it would be good to document the tab close button inconsistency in a bug report against morph.

                                          I really don't understand the rest of what you said. And frankly, even if all the buttons are on only one side of the screen, they are still not all reachable with only the thumb of the same hand. Holding my Nexus 5 where the bottom edge is resting against my small finger, it is impossible to reach comfortably to the top of the screen, or even where the toolbar is, with the thumb. This is even more true on my HTC 10, which has a wider body and slightly larger screen, with higher resolution. Even on my slightly smaller Nexus 4 with its 4.6" screen, the toolbar is still out of comfortable reach.

                                          So I must say that I am unable to see what problems (which you still have not clearly defined) are supposedly solved by this proposal, though I can see several problems with it, many of which are new. To make the best experience and interface design possible, we must first clearly define the problems that need to be solved.

                                          1 Reply Last reply Reply Quote 2
                                          • J Offline
                                            Josele13 @Guest
                                            last edited by Josele13 25 Jan 2019, 22:45

                                            @thilov I imagine that you want to use the icon as a configuration that uses the 3 lines, one more idea, is fine, but you have to propose this change to the community, I put an image ...

                                            0_1548456280477_photo_2019-177.jpg

                                            greetings...

                                            Xiaomi Redmi Note 9 pro
                                            Oneplus Nord 100
                                            Xiaomi Redmi Note 7
                                            Nexus 5
                                            Bq E4.5 Ubuntu edition .... is dead

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