由錘子便簽想到的iOS上的一個設計細節

2 評論 4604 瀏覽 7 收藏 6 分鐘

不知道大家有多少人用iOS上的錘子便簽app,前段時間看了36氪上錘子科技產品總監的采訪文章,之后好好把玩了一下,偶然發現了一個細節,一開始只是覺得很別扭,如下:

2

(左邊是主界面,右邊是點擊圖片按鈕之后的彈出效果)

那么問題來了:為什么iOS上的彈出窗并沒有采用“取消”置底的布局結構?

下面想跟大家從三個方面分析一下這個現象。

一、為什么感覺別扭(這么設計有哪兒不好嗎)

個人覺得直覺上的別扭主要是因為兩個方面:

  1. 彈窗UI重繪,跟大家看習慣了的iOS系統彈窗風格不一致,所以首次接觸需要一定的視覺緩沖時間;
  2. “取消”按鈕的位置選擇了右上角,與系統自帶的彈窗布局也有不同;

2

622367715037306300

總體來說就是,錘子便簽在這里加入了自己很多的設計想法,所以大多數熟悉iOS交互和視覺的用戶會在第一時間覺得不適應。

二、為什么要這么設計?

視覺上的再設計這里撇開不談,因為錘子一直以自己的視覺為特色(詳見錘子各種發布會)。所以筆者只談一下自己對于“取消”按鈕位置的見解,集思廣益,大家一起探討。

我的看法:根據36氪的采訪文章,在錘子便簽的拍照按鈕上,產品與視覺是有過長時間思想碰撞的,最后的結論是:

22

“拍照插入圖片”功能放在了“圖片插入”功能的子級下,但是該按鈕的視覺采用的是偏“相冊圖片插入”的視覺。

同時為了讓尋找“拍照插入圖片”功能的用戶不迷惑,彈窗將功能按鈕的視覺重化,同時將改彈窗內的低頻按鈕“取消”做視覺隱藏,從而最大程度上保證了“拍照插入圖片”功能的視覺提示。

便簽類應用與圖片社交類應用不同,“相冊插入照片”相比“拍照插入圖片”是更高頻的功能,所以主按鈕不能沿用圖片社交類應用的攝像頭icon。但子菜單為了降低用戶尋找成本,錘子便簽做了以上處理。

三、“取消”按鈕可以去掉么?

假設本人的看法是對的,那么出現了一個新問題:“取消”按鈕影響了視覺,那是否可以考慮去掉?如下圖:

222

從產品邏輯上講,去掉“取消”按鈕后,并沒有邏輯死路產生,點擊灰層可以實現“取消”的效果;

從用戶習慣上講,很多安卓應用的彈窗并沒有“取消”按鈕,實體返回鍵使用率不高的情況下,這部分人并沒有操作疑惑,更不用說只有一個home鍵的iOS,所以我認為完全不用擔心“取消”按鈕去掉之后的用戶疑惑問題。

從功能操作上講,每一次圖片按鈕的點擊都是有強目的性的,所以在彈窗打開的情況下,“取消”的使用次數不多,點擊“取消”無非有兩種情況:客觀誤操作、主觀放棄插入。無論是這兩種情況的哪種,都是低頻的,而我的看法是,低頻的使用場景中,視覺優化帶來的體驗完全可以抹掉理解成本。

總的來說,我更傾向于“點擊其他位置=取消”功能,可能現階段需要一定的用戶理解成本,但我堅信這是實體鍵淡化風潮中更加自然的交互方式。

 

本文由 @Miracle152 原創投稿,并經人人都是產品經理編輯。未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 然并卵

    來自廣東 回復
  2. 同感。如果沒有這個取消按鍵,整個界面會和諧很多。

    來自云南 回復