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

2020-12-12 人人都是產品經理

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

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

剛剛進入一家新公司,還沒有摸清同事做事風格的時候,我們就開始畫原型並交付 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開始,各巨頭都開始追求簡約設計。簡約設計並不是說隨意設計,而是說砍掉許多不必要的元素,只保留頁面中最核心的部分。如果這個按鈕、圖片僅是為了設計展示沒有任何實際上的功用。或者說僅僅是為了炫而放在首頁,但其實並不高頻,也不剛需。那麼完全可以考慮將其降級或者直接乾脆砍掉

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

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

相關焦點

  • 上海UI互動設計培訓班淺談ui設計就業前景好嗎
    有很多的同學是非常的想知道,ui設計工資一般多少,好不好就業,非凡教育UI互動設計培訓老師整理了相關信息,希望會對同學們有所幫助!一、產品型的ui設計師懂ue、會看數據、懂用戶體驗並且懂產品,能夠把需求實現所有設計稿給開發是對於一位產品型的ui設計師的基本具備的能力要求。
  • UI培訓必學8大技能,創享ui設計培訓學校課程曝光
    想學UI的人越來越多,而培訓機構的課程各不相同,這讓很多同學一時懵了圈,成長為專業的UI設計師究竟應該掌握哪些技能,ui培訓又究竟該學習哪些內容呢?
  • 「新手必讀」零基礎學習UI設計,3個點告訴你什麼是UI
    User Interface(用戶界面),簡稱UI,是指對軟體的人機互動、操作邏輯、界面美觀的整體設計。UI設計分三個分支:1、研究界面—-圖形設計師Graphic UI Designer,簡稱GUI,國內目前大部分UI工作者都是從事這個行業。
  • 你了解ui設計嗎?
    你了解ui設計嗎?作為當下熱門的就業崗位之一,許多新人轉行從ui培訓學校進行系統的ui設計學習,所謂知己知彼,百戰不殆。既然選擇學習ui設計,那麼首先要了解ui設計究竟是什麼,我們要學習的內容有什麼,今天小編就來給大家簡單的介紹ui設計中要學習的內容。
  • 學UI設計是否需要美術基礎?零基礎如何學習UI設計?
    一、學ui設計是不是一定需要有美術基礎呢?UI設計主要是學習一些二維設計的理念以及軟體的操作,對美術基礎的要求也不是很高,即使沒有美術手繪基礎也是可以學UI設計。比起產品的美觀度,UI設計更加注重用戶體驗。讓軟體的操作變得舒適簡單,關注用戶體驗,設計出用戶喜歡的軟體,才是優秀的UI設計師。美術功底代表著接受過一定的訓練,但不一定能做出好的作品。一個好的作品,是一個系統工程,包括很多內容,包括科學性、實用性、準確定位、審美等,所以應該說是個一個綜合應用。
  • UI設計需要學什麼軟體?
    ui動效在當下是一種非常流行的設計元素,所以我們需要掌握這項技能,才能保證在ui設計滔滔大軍中立於不敗之地啊!掌握以上四款ui設計核心軟體,才有可能完成ui設計的工作、當然軟體只是第一步,更重要的是要掌握ui設計的專業知識啊!
  • UI設計中首頁設計排版技巧
    今天我就針對UI設計中首頁設計排版技巧進行簡單的說明。一、網格布局網格列表是一個連續元素,該元素由棋盤式、規律性的小格子構成。網格列表最適合用於同類信息展示,典型的如圖片、圖標。以下總結了幾種網格的展示形式。
  • 2017英語四級聽力技巧:異項保留原則
    新東方網>大學教育>四六級>複習輔導>四級>四級輔導>聽力>正文2017英語四級聽力技巧:異項保留原則 2017-06-01 10:37 來源:
  • 哈爾濱UI設計培訓初翼教育
    本網12月24日訊 哈爾濱ui培訓哪個好?哈爾濱ui設計培訓機構,哈爾濱ui設計培訓哪裡好,哈爾濱UI設計培訓學校初翼教育,哈爾濱ui設計培訓學校哪家好?就選擇初翼教育
  • 2020年最新UI設計培訓學校排名
    相信很多的年輕人現在都了解了ui設計師這一工作崗位的「熱度」,成為一名專業的ui設計師不僅能夠在一個良好的環境下工作,不用忍受風吹雨淋,同時還能享有高薪好待遇,是很多年輕人喜歡的工作類型之一,但是想要擁有這些還需要具備專業的知識技能,於是大部分人都參考我國ui設計培訓學校排行榜,想知道哪所學校值得信賴
  • 「知了堂」UI設計好找工作嗎?
    最近好多同學都在搜學ui真的已經沒有出路了嗎?當然不是。不管是什麼設計行業,最重要的還是能力與作品,有實力哪怕在疫情期間裸辭,也能找到喜歡的工作,沒實力的就只能隨波逐流。那麼學UI設計,想要找到好工作,得到高薪待遇需要掌握什麼能力?
  • 女生適合學習UI設計嗎?女生學UI設計累不累?
    UI設計作為目前最火的職業之一,除了有很好的就業前景外,薪酬也不低,很多人都有了想入行的想法,其中包含了不少女生。像最近就有不少女生私信問小編,女生適合做UI設計嗎?女生學ui設計難不難?做UI設計會不會很辛苦?下面小編針對以上這些個問題,發表一下看法,有疑惑的不妨繼續往下看。
  • 零基礎轉行UI設計行業學習指南(全面學習地圖)
    盯著螢幕畫設計稿、著重視覺與美感,創造讓心情愉悅的畫面相關工作才是UI設計師的工作內容。萬事都有體驗,只有好的跟不好的差別,具備UX思維可以對你的專業度大大加分,分辨什麼是好用的、適合的。知道商業市場需要什麼,略懂產品脈絡,這些會決定UI設計師的技能廣度。
  • 技能get√ PS複製技巧11招
    「技能get√ 」欄目序今天,很多東西已經變成了我們工作中所必須掌握的基本技能,比如辦公用的
  • 參加ui設計培訓都應該知道的事!天津ui設計培訓機構
    正打算學習ui設計的你,不論是想通過線上學習、線下學習還是自學,小築都希望給你一些建議,能夠在ui設計的學習道路上不迷路,不走彎路。 今年的市場情況不是很理想,也給了很多求職者重重一擊尤其是大部分的應屆生同學們,也讓很多人意識到了學習一門技能的重要性,想當然ui設計成了熱門之選。
  • UI設計哪個學校好?零基礎學UI設計教程分享
    UI設計哪個學校好?零基礎學UI設計教程分享。沒有任何基礎到底適不適合學習ui設計,多久可以學會,如果零基礎想學習ui設計哪裡好呢?其實ui設計入門簡單,很多職場轉行和畢業的新手小白系統的學習幾個月都能學會,所以大家想學習ui設計其實不要太過於擔心。
  • UI設計中大屏可視化設計尺寸指南
    大屏可視化的設計尺寸定義,一直是很多設計師苦惱的一件事,很多時候大屏出現的問題,都是因為對設計尺寸沒有一個正確的認識導致。 比如大屏內容呈現不全、拉伸、壓縮、字號小的看不見等等,出現這樣的問題就會浪費時間調整返工,今天我就帶大家來認認真真的討論一下大屏的設計尺寸。
  • 0 基礎學習UI設計必看的知識體系!
    也有利於了解自己需要掌握的知識技能。 研發團隊由產品設計、技術開發兩個方面的崗位組成。產品設計人員包括產品經理、互動設計師、視覺設計師;技術開發人員包括前端、服務端、數據端、測試等方面的工程師。 看到這,很多人就覺得比較坑爹了。怎麼沒有UI設計師?!!!
  • UI設計師一般的工作流程是什麼
    對於想要成為UI設計師的小夥伴而言,僅有一些對於設計行業的熱情很顯然是不夠的,你還需要清楚並樂於接受相關的設計工作內容,並且對於設計工作的流程比較了解。然而很多零基礎學ui設計的小夥伴並不知道UI設計師的日常工作內容有哪些?接下來優行者小編就給大家簡單講一下這個問題。
  • 想要零基礎學習Ui設計,以下這幾個技能必須必備!
    同時隨著移動網際網路的發展,各個企業單位對ui設計師的需求量越來越大,薪資水平也非常的高,導致越來越多的人入行或者是轉行加入ui設計師的行業。各種的培訓機構也如雨後春筍搬萌發。當然想要零基礎學習UI設計的,還要必須必備以下幾種能力:熟練掌握使用軟體的能力能夠熟練的使用ps、AI最基本的軟體,還要掌握色彩搭配的原則,平面設計或者美術等功底,因為這是最基本的能力要求。