應用下載按鈕的設計思考

分類:設計 時間:2016-10-18

在一次產品的迭代設計中,PM對按鈕樣式提出了質疑,我拋出的設計思路都被犀利的駁回了,最后乖乖的改圖。事后我的反思是沒文化還是要多讀書!

提出問題

他的兩點質疑如下:

一是暫停和繼續在操作時容易混淆;

二是各狀態的按鈕樣式缺乏一致性。

分析問題

首先是暫停和繼續在操作時容易混淆

他兩誰是暫停,誰是繼續?

A說:這和音樂播放器的暫停、播放不是一個道理么,前面那個表示正在下載啊,我想暫停肯定點前面那個!

B說:我還以為前面那個表示當前處于暫停狀態勒~

誰是誰,去點它就一清二楚了!然后我點,再點,還點…進度條沒動,蒙圈了吧~

第二個問題是按鈕樣式缺乏一致性。

舉幾個栗子(此處僅提取了關鍵步驟方便對比;ios應用下載“安裝”步驟調整到“暫停”之后)

歸納對比,樣式一致性在安卓市場看來的確如此,各產品設計樣式要么是圖標,要么是長塊兒,無論是哪種樣式,不會出現“暫停”“繼續”混淆的情況;

ios并沒有那么一致,采用圖標按鈕混排樣式,點擊暫停按鈕立即恢復到下載狀態(可以看做沒有“繼續”),這樣簡化步驟也使操作邏輯是清晰的。

所以問題一勢必要調整,問題二的設計優化就見仁見智了~

解決問題

所以針對性問題做了兩個調整方案

調整1:保持原有設計樣式,但避免歧義,可以統一加字(如方案1.1);也可以簡化步驟(如方案1.2)

調整2:隨了安卓大軍

考慮到識別性、沿用性、開發成本等因素,最終以方案二定稿。

關于按鈕設計值得注意的三點:

1、表意清晰。不會產生歧義(don’t make me think),這點也是文章中闡述的核心。

2、統一規范。按鈕往往應用于多處,為了保持整體一致性,提高設計、開發工作效率,盡量嘗試更多方案總結規律讓控件規范化。

3、主次分明。就應用列表來說,“下載”“正在下載”...“打開”這些不同狀態會頻繁的出現在同一界面,重要和次要操作需要時可以通過按鈕樣式加以區分。

寫在最后

簡單的小按鈕背后還有很多值得挖掘的奧秘,這里是一次個人的小探索吧!說了這么多,最后定稿和那些主流應用下載市場按鈕的沒什么區別,沒有干貨啊!盒盒~好像是~但這個過程,自己的確是有收獲的,不僅僅是對按鈕類控件的進階認識,更清晰了關于設計中的規范和創新(這里不贅述,有興趣可以看看前輩的文章 https://www.zhihu.com/question/19604816/answer/110976856 )這里梳理出來和大家分享交流,希望有幫助吧!


Tags: 移動設計

文章來源:http://www.ui.cn/detail/177972.html


ads
ads

相關文章
ads

相關文章

ad