TWed2k - 程式開發討論區 - [閒聊]程式設計的按鈕順序

TWed2k » 程式開發討論區 » [閒聊]程式設計的按鈕順序 » 發表回覆

Discuz! 代碼
提示插入
直接插入
說明訊息

添加文字底框

內容 [字數檢查]:

表情符號













更多 Smilies

字型大小

小|中|大|巨

溫馨提示：本區開放遊客瀏覽。

儲存草稿｜恢復草稿｜...

文章關鍵字 : [功能說明]
(關鍵字可加強搜索準確性, 如關鍵字多於一組, 請以 , 作分隔, e.g. : 阿笨,shiuh,第一笨)

關閉 URL 識別 | html 禁用
關閉表情符號 | 表情符號可用
關閉 Discuz! 代碼 | Discuz! 代碼可用
使用個人簽名
接收新回覆信件通知

推薦放檔網絡空間

檔案(Torent, zip等)

圖片(JPG, GIF等)

>>>歡迎推薦好用空間

nora

發表於 2016-2-18 07:25 AM

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

Ailio

發表於 2016-1-14 05:07 PM

每次拉Windows Form 的確定取消存檔等等我都要想怎麼排

csky

發表於 2016-1-14 04:21 PM

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

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

[csky 在 2016-1-14 04:28 PM 作了最後編輯]

watchme

發表於 2016-1-13 01:59 PM

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

像是 Accept 之後的 Yes/No 就很重要，如果 Yes 出現的位置跟 Accept 重疊，就可以讓使用者不小心誤觸而自動安裝有的沒的了，而設計者還可以很大聲的說，使用者已經兩度確認了。

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 作了最後編輯]