button樣式:
無論是純文字歉胶,icon,還是button巴粪,都需傳遞出這里是可點擊的通今,運用線框、投影肛根、文字顏色辫塌、動效表現(xiàn)
位置+大小:
(1)越大越易點派哲,越容易引起注意臼氨,越近越易點。如果是一系列的操作芭届,考慮樣式储矩、位置的一致性,如多個授權彈窗連續(xù)出現(xiàn)褂乍,則盡量保證確定鍵位置一致(比如chrom 瀏覽器持隧,關閉多個窗口時位置保持一致,非常方便)树叽,如有多個連續(xù)動作舆蝴,前后動作按鈕操作連貫性(如退出按鈕和確認退出按鈕)。如果是相反的操作题诵,考慮兩個按鈕的差異性洁仗,避免誤觸(比如新增和清除)(2)考慮使用手機場景,單手操作多不多性锭、移動操作還是靜態(tài)操作赠潦。關于手機操作熱區(qū)沒有找到非常權威,適用于亞洲人的調(diào)研草冈,僅根據(jù)周圍12個人的小樣本體驗得出(手機尺寸:5.5寸她奥、5.2寸、4.7寸):隨著屏幕越來越大怎棱,單手操作舒適區(qū)中等偏下哩俭,頂部區(qū)域最難點擊,左上角幾乎無法觸達拳恋。
(3)如果頁面有滑動操作凡资,考慮滑動后按鈕的位置。隨時需要的功能谬运,采用懸浮狀態(tài)隙赁;反之垦藏,跟隨頁面滑動、或隱藏伞访,以留出更多空間展示其他信息掂骏。
點擊反饋:
(1)點擊后跳頁面、喚起新圖層厚掷、適用于復雜功能
(2)左右開關型button弟灼,點擊后左右滑動,明確表示狀態(tài)蝗肪,適用于功能的狀態(tài)判斷不是非常明確的功能袜爪,
(3)簡單button,通過視覺語言傳達狀態(tài)薛闪,適用易理解的設置辛馆,設置后馬上可見的功能,比如夜間模式豁延、無圖昙篙、設置即可見易于理解。