Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Optimize the GUI for a smartphone/tablet #970

Closed
3 tasks
Kreyren opened this issue Dec 5, 2019 · 8 comments
Closed
3 tasks

Optimize the GUI for a smartphone/tablet #970

Kreyren opened this issue Dec 5, 2019 · 8 comments
Labels
meta: stale This issue/PR is stale and will be closed soon type: feature request New feature or request user experience

Comments

@Kreyren
Copy link

Kreyren commented Dec 5, 2019

Currently gitpod/theia is very uncomfortable to be used from a smartphone

  • GUI is not optimized for small display
    image

it's basically just desktop site view

  • Editing the text doesn't work
    image

i can add a new text, but then i can't remove it.

  • Smartphone/Tablet should have custom keyboard instead of the one used on the system
    Using android keyboard for anything relevant to programming is uncomfortable to use since it doesn't have all the characters and getting them is usually pita unless FOSS alternative with custom layout is used.

Another issue with this is that the keyboard usually obstructs the whole screen making it difficult to see the code and autofill.

Some apps like termux (https://termux.com/) handles this scenario using additional GUI which works sufficiently most of the time

image

References

@RDIL
Copy link

RDIL commented Dec 5, 2019

It works pretty well on my iPad...

@Kreyren
Copy link
Author

Kreyren commented Dec 8, 2019

It works pretty well on my iPad...

Using useragent set on iOS with chrome 54 it seems to have the same GUI:
image

i don't have the ability to test this on the iPad atm, but it seems that the GUI is same on all platforms which i believe could be adapted to be more functional and user-friendly.

(The issue with being unable to remove text on my phone still presists)

Example of proposed GUI for android:
image
^ Is much better to work instead of using zoom to work with version made for desktop PC and then using the same zoom to navigate on buttons.

image
^ Utilizing the phone for touch-based GUI.
image

^ example of GUI for tablet adapting the options for touch-based input and smaller display

@jankeromnes
Copy link
Contributor

Many thanks for these super helpful resources!

Currently, we're working on gradually improving the tablet experience (mainly for iPad, which is the biggest target). Until now, we've been closely following VS Code's UX (because we're a small team, and they seem to have great UX talent). But supporting touch-based devices is already venturing beyond this (as to my knowledge, you can't install VS Code on tablets or Chromebooks, so we're now in more "uncharted" territory for a modern IDE).

Smartphones are also a very important target, and will likely be the next form factor we tackle after tablet support is great. I personally feel the need to be productive with Gitpod on my phone (I've used Cloud9 like this before, and it's a must-have e.g. to do sysadmin or deploy quick fixes when on the go). I'm looking forward to better mobile support in Gitpod.

@Kreyren
Copy link
Author

Kreyren commented Dec 9, 2019

(because we're a small team, and they seem to have great UX talent).

WFIW i was working as a frontender for few months (i hated it so i focused on backend and this was around 7 years ago) and i'm former graphic designer so if you are going to making this UX decision open for contribution i would be willing to submit some ideas/mock-up and testing.

@MarkusTiede
Copy link

Using an iPad Pro (11-inch) on iOS 13.2.3 with a physical keyboard: it’d be useful if the commandline prompt would not be hidden by the OS C&P toolbar. This applies after a couple of commands have been entered and the prompt is in the lower bottom area of the console.

@jankeromnes
Copy link
Contributor

Another relevant issue: We should fix Apple Pencil support for Gitpod/Theia on iPad: eclipse-theia/theia#6389

@jankeromnes
Copy link
Contributor

Also, relevant update: You can now "install" Gitpod on iOS, and get a fullscreen experience, thanks to eclipse-theia/theia#7607 being fixed.

@stale
Copy link

stale bot commented Mar 18, 2021

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

@stale stale bot added the meta: stale This issue/PR is stale and will be closed soon label Mar 18, 2021
@stale stale bot closed this as completed Mar 29, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
meta: stale This issue/PR is stale and will be closed soon type: feature request New feature or request user experience
Projects
None yet
Development

No branches or pull requests

4 participants