我如何更好地傳達"發送郵件"的想法?


0

當前,我正在設計一個移動屏幕,用戶可以在其中向其朋友發送消息。

enter image description here

為了表明他們的消息已發送,右上角的複選標記從黑色變為灰色的複選標記(即從可按下的按鈕變為不可按下的圖標)。

但是,我對這種設計不是很滿意–我覺得它不夠直觀。我想知道如何做才能改善它並更好地向用戶傳達"已發送消息"的想法。

說明編輯:

在我的應用程序設計的其他部分,我已經用✗表示"返回/取消",✓表示"可以/確認"和✓✓表示"消息已讀取"。同樣,這也不意味著不是模式彈出窗口。

2

Once user hit send(Checkmark in your design), you should move to a sent messages screen or a conversation view. Also, hide keyboard.


1

I like the way WhatsApp resolves this:

1- sent 2- received 3- read

enter image description here

I think it's in the user's mental model when the color changes then it means "READ" so I would do it the other way around: from light grey to dark grey, or better change the color to green or blue to be even more explicit and you make sure something happened there. I think it's subtle the way you are doing it. It's just a personal opinion...

Usability testing is a great way to see which option is the best..


1

If you're thinking only in terms of icons, then I guess you could use a paper plane for the "send" icon; this way, you can reserve the "check" icon for representing the "Sent" status.

Paper plane icon


2

Judging by the context of the title bar, this seems to be a modal-type interface. When the user hits "send", you should wait until confirmation that the message has been sent. If it was, close the modal (and hide the keyboard) and add a small alert that it was successfully sent. The closing of the dialog signals to the user that something has happened, and the alert would signal what that was.

If it fails to send, don't close the modal. The user would lose their work, and would create a feeling of distrust in the app. Instead, give a small alert on top of the keyboard, signaling that the message failed to send.