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

Hard (sometimes impossible) to use Wekan on mobile (Android & iOS) because of UI/UX issues #953

Open
neooleg opened this Issue Mar 30, 2017 · 14 comments

Comments

@neooleg
Copy link

neooleg commented Mar 30, 2017

Disclaimer

Apologize for putting a set of issues inside one thread, but as for me this is a single issue with break down which is almost killing any usage on Wekan on mobile devices. In the same time, mobile is crucial since today it's more popular than desktop among users.

However, if it's not acceptable (put all issues inside) -- just ping me, I'll separate them.

Environment

The following issues were found during working with Wekan (different environments, e.g. Road Map board or Sandstorm) on mobile both Android and iOS (see versions below)

Bugs

iOS 10.2.1 (Safari)

  • ❗️ Double tap required to: add card, edit new card title, close card adding, closing card (the most annoying bugs)
  • Useless jumping scroll effect if top/bottom reached. IMO the effect need to be prohibited.
  • No app icon if add on SpringBoard (it seems there are missing/incorrect touch icons).

Android 5.0 (Chrome 56)

  • ❗️Not responding or extremely slow react on tap for: opening card, closing card. Although, other action are good, e.g. toggle side panel (very fast) or adding new card (less fast, but acceptable).
  • ❗️Impossible to scroll horizontally anywhere (except catching top part of board). Might be related/duplicate #882.
@xet7

This comment has been minimized.

Copy link
Member

xet7 commented Jul 13, 2017

Improving viewing attachments on mobile at #201

@neuroradiology

This comment has been minimized.

Copy link

neuroradiology commented Aug 20, 2017

I just realized that one huge issue on mobile browsers (android FF and chrome at least) is their desire to fade out the scroll bars.

in fact, you CAN scroll horizontally, but you have to get your swipe on exactly the right part of the page.

(For people trying to replicate this: hit the < button that makes the members/labels/activity menu open; then hit > to make it disappear while you are watching the bottom 20% of the browser window. The horizontal bar will briefly appear there, and if you drag that part of the screen, then it will scroll.)

a couple options:

  • ok: make the horizantal scroll bar visible at all times
  • better: propagate all swipe/drag events on a list outside of a card to the scrollbar

edit: introducing dependencies is not great, but there is a javascript library called iscroll that seems appropriate for this: https://github.com/cubiq/iscroll (in spite of the name, it claims to work on android too).

@memeplex

This comment has been minimized.

Copy link

memeplex commented Oct 13, 2017

I would add here that the triple top bar (for example, chrome, then sandstorm, then wekan) makes the app barely usable in a small screen. One can remove sandstorm at the expense of self hosting wekan, but the browser bar is only removable by running as standalone web app.

@xet7

This comment has been minimized.

Copy link
Member

xet7 commented Oct 13, 2017

@memeplex

On mobile Chrome, removing browser bar is not possible.

On mobile Firefox, browser bar etc can be removed with addon:
https://addons.mozilla.org/en-US/android/addon/fullscreen-mobile/

  1. Install addon from Firefox Addons menu
  2. On Firefox menu at bottom, click "Full screen"
  3. When you want to get browser from Full screen, hold long finger on screen on Wekan empty area, and click "Exit Full Screen".

On my Android phone it looks like this using Sandstorm Wekan. On Standalone Wekan, there is no black bar on top.

mobile-firefox

@xet7 xet7 added this to Not started yet in Wekan Roadmap Nov 22, 2017

@h0jeZvgoxFepBQ2C

This comment has been minimized.

Copy link
Contributor

h0jeZvgoxFepBQ2C commented Nov 24, 2017

Impossible to scroll horizontally anywhere (except catching top part of board). Might be related/duplicate #882.

This is currently absolutely preventing to work with Wekan on mobile phones here (Android 7.1.1 with Chrome), because most time when we try to swipe/scoll we are moving the columns instead of scrolling - so the only thing it does is to break the arrangement of our wekan board.

Scrolling by swiping the grey area in the lower area doesn't do anything and can't be used to swipe/scroll.

We are using our wekan board without sandstorm.
(thanks for this great software though ❤️ !)

xet7 added a commit that referenced this issue Nov 29, 2017

xet7 added a commit that referenced this issue Nov 29, 2017

Merge branch 'nztqa-conflict-resolution-458' into devel
Optimize for mobile web, show single list per page with navigate bar.
Thanks to floatinghotpot and nztqa ! Related #953
@xet7

This comment has been minimized.

Copy link
Member

xet7 commented Nov 29, 2017

Please test after I have released Wekan v0.60 (or newer) how this has been improved by @floatinghotpot and @nztqa , for me it seems that back arrow does work on desktop but I had some problems clicking it on Android.

@xet7

This comment has been minimized.

Copy link
Member

xet7 commented Dec 4, 2017

Moved from #458 to here:

From @lichtamberg

I have following 3 issues on my phone (Samsung Galaxy Note 8 with latest Chrome):

  1. its really hard to click on the row names (board titles), most of the time it doesn't work and no click/touch event happens (independent if I click on the title or the arrow on the right). It also doesn't work with the Galaxy S Pen, so it's not related about my fingers :)
  2. Sometimes it starts the swap-rows feature, even if my click was just a "press" - not a drag and drop (maybe it's better to remove/deactivate the swap card-titles feature in general on phones?)
  3. When I achieve to reach a cards page, when I press the back button - I don't go to the cards index page back, but to the general board selection page.
@biji

This comment has been minimized.

Copy link

biji commented Dec 6, 2017

Using new mobile UI, how to move card between list?

@xet7

This comment has been minimized.

Copy link
Member

xet7 commented Dec 6, 2017

@biji

  1. Click card
  2. On right side of card name, click 3 lines "Hamburger" menu
  3. Scroll down and click "Move Card" or "Copy Card"
  4. (Scroll up if needed and) Select to what board and list you want to copy or move card

You can copy or move card to list on the same or another board.

@shred

This comment has been minimized.

Copy link

shred commented Dec 25, 2017

Not responding or extremely slow react on tap for: opening card, closing card. Although, other action are good, e.g. toggle side panel (very fast) or adding new card (less fast, but acceptable).

Any progress on this one? On Android/Chrome, I have to tap on a card like a maniac, to eventually open it.

@xet7

This comment has been minimized.

Copy link
Member

xet7 commented Dec 25, 2017

@shred

Mobile Web improvements are planned for sometime 2018:
https://blog.wekan.team/2017/12/2-years-of-wekan-what-we-archieved/index.html

@xet7 xet7 moved this from Planned, not started yet to In progress: other contributors in Wekan Roadmap Feb 20, 2018

@xet7 xet7 moved this from In progress: by other contributors. Order: random. to In Progress: xet7 with E in Wekan Roadmap Mar 5, 2018

@xet7 xet7 added this to the 2018-06-01 milestone May 6, 2018

@xet7 xet7 removed this from In Progress: xet7 with E in Wekan Roadmap May 6, 2018

@xet7 xet7 added this to 1) In progress: by xet7, all paid Open Source Wekan work and all unrelated work. Order: from top to bottom of cards. in Wekan Roadmap Jun 8, 2018

@xet7 xet7 removed this from 1) In progress: by xet7, all paid Open Source Wekan work and all unrelated work. Order: from top to bottom of cards. in Wekan Roadmap Jun 24, 2018

@xet7

This comment has been minimized.

Copy link
Member

xet7 commented Dec 16, 2018

Update 2019-01-01

Currently mobile mode works mostly.

Missing are these:

  • Move home button / avatar bar from bottom to top. So at top first is home button / avatar, then others.
  • When clicing Move Card, go to correct page position. Currently it's at empty page position, and there is need to scroll page up to see Move Card options. It should work similarly like Copy Card, that is visible.
  • Also check that other buttons go to visible page.
  • Create toggle/switch to top of page that toggles/switches between mobile and full screen mode. This is needed, because keeping full screen mode does not work in all mobile browsers. On All Boards page star would be at left side of "My Boards" text. On mobile mode at board view at left side of star (bookmark icon) would be desktop icon and on desktop mode board view at left side of star would be mobile icon. It would save mobile/desktop mode similar like hide system messages slider on card.
  • Try to get Swimlane mode working better on mobile mode.
@xet7

This comment has been minimized.

Copy link
Member

xet7 commented Dec 16, 2018

Addition: Moving board position in Wekan

Previously it was

  • when clicking card it starts dragging card right away
  • to move to other list empty area needs to be carefully clicked and use it to move

Now fix #2067 is merged, will be in Wekan v1.95

  • when clicking card it starts to move whole wekan page, like in Trello
  • when holding on top of card for a longer time, it starts to drag card.
@hupptechnologies

This comment has been minimized.

Copy link
Contributor

hupptechnologies commented Dec 22, 2018

Working on it.

hupptechnologies added a commit to hupptechnologies/wekan that referenced this issue Jan 1, 2019

@xet7 xet7 closed this in #2084 Jan 1, 2019

@xet7 xet7 reopened this Jan 1, 2019

@xet7 xet7 added the UI/UX label Jan 1, 2019

@xet7 xet7 added this to In Progress: By hupptechnologies in Wekan Roadmap Jan 11, 2019

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment