Board logo

主題: [其他] [閒聊]程式設計的按鈕順序 [打印本頁]

發表人: ROACH    時間: 2016-1-13 09:39 AM     主題: [閒聊]程式設計的按鈕順序

剛看到的這篇文章
http://www.inside.com.tw/2013/01 ... es-be-right-or-left

CODE:
[Copy to clipboard]
iOS 說,「I'm always right」,於是「確定」就在了右邊。Android 倔強的說,「要在左邊」,於是「確定」就在了左邊。

接著,iOS 把 Android 揍了一頓,「stay foolish,foolish…… 都要在右邊」,Android 被硬拗到了右邊。
程式設計的時候總要設計一堆按鈕
什麼確認、取消、簽核、拒絕、列印
那確認或同意按鍵要在右邊還是在左邊

剛看的一下論壇上的『發新話題』是在左邊
右邊是『預覽』
猜想可能為的要讓大家習慣的按預覽在發送文章吧

像安裝軟體的時候,『下一步』在右邊
大家安裝軟體的時候,就算安裝的是英文版看不懂內容,
不都是一直按最右邊按鈕來下一步下一步嗎


所以按鈕的順序,果然還是有很多的學問

[ROACH 在  2016-1-13 09:58 AM 作了最後編輯]
發表人: watchme    時間: 2016-1-13 01:59 PM

跟鍵盤的排列有異曲同工之妙,是有學問的排法,絕對不是隨便排好玩的。

像是 Accept 之後的 Yes/No 就很重要,如果 Yes 出現的位置跟 Accept 重疊,就可以讓使用者不小心誤觸而自動安裝有的沒的了,而設計者還可以很大聲的說,使用者已經兩度確認了。
發表人: csky    時間: 2016-1-14 04:21 PM

原來還有學問,
不過使用者看得懂就好了,

我自己觀察的原則是
希望使用者繼續按下去,建議接受,放右邊。
希望使用者想一下再按,考慮後接受,放左邊。
不論如何都希望使用者按像webinstaller,到處亂放,甚至有看到的按鈕都不能按。

[csky 在  2016-1-14 04:28 PM 作了最後編輯]
發表人: Ailio    時間: 2016-1-14 05:07 PM

每次拉Windows Form 的 確定 取消 存檔等等 我都要想怎麼排
發表人: nora    時間: 2016-2-18 07:25 AM

其實也沒有一定的規則,但是好的設計師一定是從使用者的角度出發,舉例我們大部分的人慣用左手拿手機,如果希望能用一手操作完成,會選用更方便的排列。
後來就變成慣例了,windows 的設計也是如此,如果你想要使用者沒有太多感覺就接受,那對話框跳出的位置及按鍵位置原則就是不移動滑鼠就能完成操作,再加上慣性考慮。但原則就是簡單少動即可完成互動。




歡迎光臨 TWed2k (http://twed2k.org/) Powered by Discuz! 4.1.0