今天依舊是篇實戰小分享,就是簡單和大家分享下我最近和組內小朋友們的過稿日常。每次過稿子前我都深深在心中銘記3條準則:別刷存在感、別裝13、別下手太重。這里和大家分享下我的心路歷程,希望能對大家過稿有億點點幫助。
1.不想看需求文檔
通常拿到設計師投喂的需求設計稿后,第一時間非常抵觸去看需求文檔。不用找其他借口,不看需求文檔純粹就是因為懶。不過很神奇的發現,站在陌生的第三視角反而比沉浸在需求文檔里更容易發現一些問題。(絕不是為我的懶找借口)
舉個例子:
之前做海外版的需求,看到設計師有一個列表頁面設計成這樣的,我反復看了幾遍都沒明白這個“5 times(5次)”放在愛心按鈕下是啥意思。
直到對稿子的時候,設計師拿出了原型,上面對這個“5次”的解釋赫然寫著“訪問次數”:
可能現在大家和我一樣站在第三視角都會覺得這樣的布局不合理,也不清楚“5次”的意思,但是在完整的需求文檔面前很多時候疑問后面直接有解釋的時候,我們就容易沉浸到產品給的信息設計中,忘記以一個陌生用戶的視角來重新審視信息的設計了,也就是通常意義上的信息理解免疫。
如果我們按照新的思路重新捋一下:這個訪問次數應該和什么信息群放在一起更合理?
于是我們決定把字段信息都放在左側,做一個三分段的信息布局:依次是名字、性別、訪問次數、最后是訪問時間。同時在訪問時間字段上增加信息的補充輔助用戶理解含義。整體對比如下圖:
2.交互細節好像不夠合理
其實很多團隊是沒有專門來做界面細節交互的設計師的,就算有title是交互的設計師承載的任務大部分也都是原型繪制和無止盡的PPT產出。所以界面里涉及的一些權責模糊的交互細節大任就落到ui的頭上,但這往往也是設計師們容易考慮不周全的地方。
舉個例子:
我們這期的設計改版中涉及到一個禮物面板,設計師已經做了很多的基礎優化(轉線為面、空間排布及信息降噪)
但這位積極的童鞋不止于此仍然還想做點創新的東西出來,ta參考了下之前look的交互,又做了一個直接豎滑動的交互設計:
(左圖為look直播的禮物面板交互)
這個交互方式比原始的輪播點橫滑看上去要高大上與創新很多,but市面上不太有直播類的產品用到這種看上去very good的交互方式(除了look),那么這到底是為什么呢?
仔細觀察我們就可以發現使用了直接豎滑的look對禮物的種類進行了詳細的分類(常用、熱門、玩法、特權、星座等),且每個分類下的禮物滑動基本不會超過2行(大部分控制在一屏內)。
而對于我們現在要設計的禮物面板tab分類的方式并不是以禮物種類為維度的,所以所有禮物都被放到了一個tab下(數量很多),豎滑動沒有輪播點的情況下用戶很難定位到某個具體的禮物,而輪播點橫滑就可以很好的對用戶帶來操作記憶,比如哪個禮物放在第幾頁大哥滑動幾次就可以找到了。
而當設計改動極有可能影響到大哥送禮物的時候,以營收kpi當頭的項目組是萬萬不敢輕舉妄動的。
3.用戶理解成本好像還可以降低
很多設計師設計的圖標、布局都已經非常nice了,在設計質量上是沒有任何問題的,但老實說設計這東西沒有最好只有更好,除了好看我們需要更關注設計本身傳達給用戶的理解成本,成本越低體驗的障礙就越小,這樣帶來的點擊與轉化也越多,這是一個即使不量化數據也相對合理的一個體驗假設。
舉個例子:
很多鐵汁可能都做過會員、貴族之類的權益中心,通常這個聚合頁的常規排布中段就是一大坨展示權益的圖標和文案說明。
因為是權益等級大家的配色估計都會用的比較炫麗,這里我們展示的是一個貴族中心的權益圖標,按照產品大大的指示,ta想要那種尊貴的黑金質感,所以我們的設計師就做了如下的設計:
整體黑金質感已經符合產品的預期,也符合基本的設計質量要求,但如果要很嚴格的細究的話仍然有可以變得更好的方式,所以看到這個設計方案的時候我在想2個事情:
- 整體的亮點視重應該放在權益展示部分還是操作區呢?
- 圖標氛圍亮和暗2種代表著解鎖與未解鎖的概念用戶能否一眼就get到?
- 現在一屏完整展示9個權益圖標,但是實際上所有的權益圖標超過了9個,這樣的設計是否會影響信息的曝光(因為用戶不知道底下還有更多了)?
于是,我們又做了下設計優化,如下:
按鈕增加了動效和光帶,大家可以自行腦補。
…
以上就是我們過稿的設計日常,很符合豬廠“專業偏執”的特點。
原文地址:Nana的設計錦囊(公眾號)
作者:柒爺
轉載請注明:學UI網》當負責人和組內設計師過稿子的時候,都在想些什么?
文章來源:站酷 作者:陳皮Celia
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務