thoughts about mobile layout: the add button and page

[yurenchen000]

Very good tool 👍
Transfer small files more conveniently than LocalSend

I use it every day.

thoughts

I have some thoughts about the add button and send page for the mobile.

I know this is Material Design
but it may not be the most convenient.

Imagine the usage scenario:
send text (or file) user have to click 3 times.

1. click Add btn
2. click text or file btn
3. click input btn

maybe it can be improved
(maybe not Material Design)

[yurenchen000]

how to improve

IM software (like telegram or wechat) inspire me.

text input & screen keyboard:

input multi-line:

---

plan A

maybe the float add btn can have 2 state

• Collapses into a float button
• Expands into a text box and an upload button (and a send button)

benifits:

• just one click to input or upload
  (still can collapse to one btn
• msg list still in sight
  (to check if msg sent to list and
  don't have to close send page first

[yurenchen000]

plan B (little change)

just remove the 2 small btn near add btn.
directly go to previous send page (text or file page)

and a switch btn in send page to change send type
(or maybe in one page)

benifets:

• One click less
• little code change

[TransparentLC]

For IM the input control is always at the bottom and FAB is not used in this case. But this is not an IM, you are not chatting with someone, it's more likely posting something. So the UI is more similar to a forum or twitter, you click the FAB and a stack of related actions appeared, the latest pasted text or files always appear at the top, not the bottom.

For the plan B, I think a dialog should contain only one action, and using the button stack can make it clearer that you're currently sending text or file, without thinking about if you need to switch to another in the dialog.

[yurenchen000]

for plan B
there are other measures to make the operation easier and smoother:

• Reduce unnecessary clicks

  • text input auto focus
  • file upload auto click (direct into file selector)
    // cause there no other operation path
    (when we come here that's the only move what we want)

• the close btn (of send page) is not easy to reach

  • maybe touch gestures (or
    the system's back key or back gesture)
    can improve it
  • or just auto close it if it easy to open than close
    // maybe a pinned btn for diaglog if user want it keep open

[yurenchen000]

well done!

• auto focus works
• back to cloose works

but sometimes layout broke

maybe focus need to wait the transform animation finish ?

[TransparentLC]

Fixed