技能GET:調整UI設計稿的三大原則四點技巧

3 評論 9070 瀏覽 48 收藏 8 分鐘

產品經理在面對新公司新同事時,到底該如何正確的與設計溝通,才能使項目順利進行而不耽誤呢?這或許是許多產品汪經常面對的一大劫難,看看這篇文章或許可以幫你順利渡劫。

作為一只產品汪你或許也遇到過如下困擾:

剛剛進入一家新公司,還沒有摸清同事做事風格的時候,我們就開始畫原型并交付 UI 設計。但 UI 輸出設計稿給你后,常常不能和你的想法吻合,更慘的是,南轅北轍。而這個時候,你往往語訥,不知道從哪里給他解釋你想要設計是怎樣的。小則彼此折中妥協,大則互相不理解導致Big Fight從而耽誤產品開發進度,引發同事摩擦。

調整 UI 稿的幾點原則

一,以自家產品為核心

調整點一定是圍繞著「更好的提升自家產品用戶體驗」這個前提的,而不是基于產品經理 & UI 設計時個人的審美風格、好惡傾向。

比如,你是一個喜歡 Feed 卡片的產品經理,他更喜歡其他的設計樣式,這樣引發的設計討論甚至是爭吵完全是毫無意義的。

更有效的交流方式應該是這樣的:「我們定位是圖片交友 App,Feed 流的沉浸式交互可能可以給用戶更好的體驗」。

二,彼此尊重并肯定對方的權威

這點矛盾差異經常出現在UI 設計師和產品經理資歷不對等的情況下。

比如UI已經有3-5年的經驗,但產品經理卻還是個毛頭小子,此時,往往 UI會比較強勢對產品設計的插手也會比較多 。

聰明的產品可以嘗試找個機會和設計獅同學深聊(比如一起加班回家的晚上請對方擼串哈哈哈),達成以團隊合作共同優化產品設計和努力提升用戶體驗為目標,將個人的意見弱化,團隊的目標強化。

另外,每當設計獅提出了一個絕妙創意時,即使這個Idea你覺得可能并不怎么適合自家產品,也不要直接了當的否定。更好的方式是:發自內心的感謝設計獅同學,承認這是個很Cool的 Idea,并向其表明會考慮移至下個版本或者說放在其他功能模塊里。

珍視設計獅的創意會讓他們覺得自己被重視,也增強了他們在產品研發中的「參與感」。

三,設計過程中保持足夠的溝通

在設計獅們準備動手前最好
提前過本次設計的重點以及頁面層級和產品框架
。讓他們清楚哪些地方是要遵循現有產品文檔的,哪些是可以供他們施展創意的。

設計過程中多喝設計獅溝通自己的想法,并盡可能的具象或者描述出來自己想要的感覺。兩個人在交流中往往會激發更完美的解決方案的火花。

調整 UI 稿的幾個技巧

1. 保證頁面層級關系

設計獅給我們反饋回來的稿件,往往都是色彩繽紛,內容飽滿非常形象生動的。也是開發最終用來布局的確認稿。但當創意過多時,可能會導致頁面主要內容不突出。這一點應該是產品經理調整 UI 稿時最關注的地方。

在這一頁最想觸達用戶的內容是什么。

如果你無法從 UI 的稿件中找到你想表達的層級關系,這個時候往往你們需要談談。

為了不增加用戶認知成本,更快的觸達我們最想讓他關注的點。一般一頁內 3 個板式比較合適。

另外,如果場景類型相同、或者內容模塊相似,可以 對場景、內容遞歸分組,使用相同模板,讓整個界面看起來有條理并且很清爽。

2. 根據 IOS、安卓的特性調整頁面

這點對于初創公司的產品經理來說其實并不實用,創業公司面臨的處境是人少事多工期短。功能最優先,頁面視覺上的優化往往不太看重。

而針對實力雄厚的大公司來說,有足夠的人力物力時間的情況下,需要 最優打磨頁面 的時候,根據系統特性調整頁面可能會給用戶帶來小小的驚喜

上圖是淘寶2017的設計樣例:根據 IOS、安卓系統的性能特點,對底層的 Tab Bar 進行了各自的設計。

針對水果機采用了蘋果的專有特性 – 毛玻璃,有種朦朧之美。

3. 設計樣式保持統一

產品經理對于自己產品的框架結構及表現層應該是非常熟悉的,對于雙重展開的內容為了降低用戶的認知負擔。對于一些既定組件,比如說導航、彈窗、評論等,可以建議設計獅伙伴采用同一套設計樣式。

4. 砍掉不必要的元素

這兩年從INS開始,各巨頭都開始追求簡約設計。簡約設計并不是說隨意設計,而是說砍掉許多不必要的元素,只保留頁面中最核心的部分。如果這個按鈕、圖片僅是為了設計展示沒有任何實際上的功用?;蛘哒f僅僅是為了炫而放在首頁,但其實并不高頻,也不剛需。那么完全 可以考慮將其降級或者直接干脆砍掉。

在保證給用戶以足夠反饋提示下一個清爽的頁面不僅可以提高系統運行速度更可以提升用戶體驗,并且顯得很Fashion。

 

作者:晞仔,微信公眾號:晞仔的生活實驗室

本文由 @晞仔 原創發布于人人都是產品經理。未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 頁面層次感,復用組件,簡

    回復
    1. 為了不增加用戶認知成本,更快的觸達我們最想讓他關注的點。一般一頁內 3 個板式比較合適。

      另外,如果場景類型相同、或者內容模塊相似,可以 對場景、內容遞歸分組,使用相同模板,讓整個界面看起來有條理并且很清爽

      回復
    2. 「我們定位是圖片交友 App,Feed 流的沉浸式交互可能可以給用戶更好的體驗」

      回復