是必須項還是錦上添花?


必須要懂設計,產品經理要為設計把關,對產品的最終視覺效果負責。

熟悉小鹿的朋友都知道,我們有一款產品叫最美應用。作為國內知名的應用推薦媒體,每年有大量的應用以自薦的方式尋求和我們一起合作,但是我們本著對用戶負責的原則,只為大家推薦「好用、好看、好玩」的產品。

其中 UI 設計的規範性是審核的第一步,但是我們收到的大量自薦產品中,往往給不了我們美好的「第一印象」,所以會有很多產品無法通過我們的篩選並獲得推薦。

對於這些「粗製濫造」的產品,可以說設計師水平欠缺,但是產品團隊的其他成員比如產品經理,沒有審美水平,對設計沒有嚴格的把控,放任粗糙的設計方案上線,那就只能說是產品管理存在問題了。

舉幾個例子看一下。

某記賬類 App

癥狀:

添加支出記錄的界面,用戶可以選擇支出類型,代表支出類型的圖標風格不一致,且視覺重量存在明顯差異

如 1 所示,話費網費、煙酒圖標屬於線型圖標,而其他圖標屬於實心圖標,風格不一致。而 2 所示的日用品、其它等圖標的尺寸明顯大於 3 所示的零食、運動、學習等,在所有圖標排序,視覺重量應盡量保持一致,除非我們有意引導用戶操作。

關於圖標設計有很多問題,在 UI 設計中比較常見,我們有一款遊戲 「UI 趣味答」 中的很多關卡也都有涉及,大家可以嘗試一下,看看你是否也能注意到這些細節。

公眾號「知群」-「免費學」-「UI趣味答」

處方:

在設計宮格形導航時,涉及到多個圖標的設計,我們一般會先設計圖標網格,並參考網格進行圖標設計,此類問題我們可以一般可以參考 Material Design 設計規範,大家可以看到,方形、圓形、長方形的圖標,邊長、直徑和長寬並不一樣,這樣就是為了保證最終做出的圖標「看上去一樣大」。

Material Design 中關於圖標網格和參考線的規範說明

在知群 UI Top 班的課程中關於如何創建網格並基於網格設計圖標有更詳細的講解,大家如果正在學習 UI 或者有學習計劃,可以關注知群的課程。

知群 UI 設計 Top班課程中關於圖標網格繪製方法的講解

以投票比較為核心的互助社區 App

癥狀:

平心而論,小編認為這款產品還是很用心的,但是在細節的地方也存在些小問題,對產品整體來說雖無大礙,但是還可以做得更好。

首先,在信息流卡片上,為了引導用戶投票,再原卡片的基礎上又加了一層選項,導致頁面視覺層級多了一層,有些累贅,可以考慮通過其他方式進行處理。

其次,還是圖標的問題,點擊卡片右上角的「更多」,彈出的選項中,且先不說屏蔽卡片用垃圾桶是否合適,單從線條的粗細來看,又說了我們前面提到的不一致的問題。

最後,還是小細節,文字沒有垂直居中,對於 UI 設計師該有的強迫症來說真是難受。

處方:

和向我們自薦的大多數產品來比,這款產品的 UI 設計師水平已經很不錯了,建議抽時間把我們的遊戲玩通關,如果能認真理解到設計背後的思考,那麼你以後一定更加棒棒的。

如果大家覺得以上都是小問題,只算瑕疵,並不影響產品使用,那麼我就來介紹一款疾病纏身的產品。

某互聯網招聘 App

癥狀:

這款集就業、求職、聊天、短視頻交友功能為一體的軟體,發佈於2019年10月17日,當時聯繫過我們做推薦,當時小編就是因為這款產品 UI 是在太差而拒絕。最新,UI 改版後又隆重上線了。

剛才說的記賬 App 是獨立開發者的應用,UI 設計水平不能苛求,但是這款產品可是專門請了設計師的。

那麼到底都有哪些問題呢?請聽小鹿一一道來。

1.一般情況下,在頁面中處於同級位置的按鈕,引導用戶操作的按鈕視覺會更加突出,其他按鈕會相對弱化。

在「 UI 趣味答」中,這樣的例子很多,比如在 iOS 系統中,引導用戶操作的文字樣式進行了加粗;電商類 App 中的購買按鈕一般都是暖色的,希望刺激用戶的點擊慾望,提升轉化率。

公眾號「知群」-「免費學」-「UI趣味答」

但是在這款招聘 App 中,「關注」和「取消關注」 樣式沒有任何差異,難道關注他人後還要引導取關嗎?

我們來看一下其它產品都是如何處理的。知乎和今日頭條的個人信息頁面,「關注」按鈕在視覺上有明顯的引導作用,而「取消關注」都做了隱藏處理,用戶需要在彈窗內選擇才能取關。這種方式是大多數產品採用的方式。

知乎的個人信息頁面

今日頭條的個人信息頁面

2.圖標一般都具有表意功能,用戶可以通過圖標快速讀懂背後的含義,如果濫用圖標很可能會導致誤操作

還是在剛才的頁面,大家對於這個圖標會如何理解?

我想絕大多數人都會理解為編輯吧?

但是我怎麼能編輯別人的信息呢?產品為什麼要給我這樣的許可權?懷著好奇的心情點了一下,居然是分享!

那分享圖標應該是什麼樣呢?

看到了吧,行業通用的表意方式,默默教育用戶若干年,作為一個設計師居然……

好了,還是繼續說這個分享,這個分享以彈窗的形式出現,那麼在使用時還要注意下面這個問題:

3.彈出框出現時要與背後頁面分出層次,使用戶視線集中在彈窗,避免原有頁面內容干擾用戶操作。

在 Android 和 iOS 設計規範中均有相應的說明,顯然,剛才提到的界面並未做任何處理,那樣也就不能通過點擊背景區域關閉彈窗,只能去點擊那個小小的「取消」了。

下面,還是繼續說剛才那個分享界面。

4.UI 設計師的很大一部分工作是切圖標註、出規範、走查,協助前端實現界面功能並保證實現效果忠於設計方案。但是從這個界面看,顯然切圖切出了問題。兩個圖標都切歪了,第一個右側還莫名多出了一條線。

這個產品設計上的問題實在太多,我再寫一天也寫不完,隨便又截了兩個,大家自己康康。

處方:

治不了,直接轉 ICU 吧。

結束語

一款產品 UI 粗製濫造,給人的第一感覺就是:這個產品不行,背後的公司也不靠譜,尤其是付費、預充類的產品,誰會願意安心做你的用戶,不虧捲款跑路吧。網上設計師吐槽產品經理不動設計瞎指揮的聲音雖說很多,但是也有明白人一針見血地揭露真相。

這回答很扎心,但實際上事實就是如此。如果產品經理也懂設計,那就能把好關口,讓設計能做得更好一些了。

那麼,作為產品管理者的你,是否真的懂UI設計呢?不妨玩一下前面說的小遊戲,相信大家玩過之後,對於什麼是「UI 設計」會有更清晰的認識。

通關還有福利哦!

公眾號「知群」-「免費學」-「UI趣味答」


無門檻的福利來了!

知群產品設訓練營和職場訓練營,提供了一批免費名額。感興趣的同學可以申請獲得免費機會:

1. 職場能力提升訓練營 :找實習、找工作和職場提升,個人定位、結構化思維、數據思維、溝通和協作能力、個人項目管理、時間管理、知識體系搭建。

2. 產品經理和UI/UX訓練營 :入門、跨專業轉行、野路子提升,認真學習可以獲得包含上百個知識點的高清能力地圖。

報名地址:

知群訓練營聽課申請?

form.izhiqun.com圖標

報名表單里「從知乎哪個問題看到的?」 記得寫小鹿哦!


就我自己接觸這個行業而言,比較厲害的產品經理要麼是技術型的,要麼就是UI上也牛逼的。所以,如果你問我產品經理有必要學習UI嗎?我的回答是:當然,如果你想成為優秀的產品經理,至少做到了解技術,熟悉UI。

UI出圖,你驗收的時候,總得言之有物吧?你要是說「具體說不上來,總感覺有些彆扭,再改改試試看」,這樣就沒法溝通了。UI是最接近用戶的,一定要反覆推敲,做精做細。

想要成為優秀的產品經理是需要不斷學習的,給大家分享一下我學習產品經理的經驗和方法:

1.構建系統化的知識體系,可以選擇一套成體系的教學視頻,避免胡亂切換學習資料,先在自己的意識裡面建立起來產品是什麼,產品該做什麼,產品怎麼做好這樣的一個體系;

2.很多人在學習過程中容易放棄,建議找到一起在學習的小夥伴互相監督學習,大家可以組隊學習,交流經驗,不要閉門造車;

3.學習過程中要善於總結,每天晚上對當天的學習內容做一下及時的總結梳理,對第二天做一個學習規劃,可以幫助你更好的學進去。不要嫌麻煩,這樣你會更高效的學習;

4.大家學完找工作,很多公司要求從0到1的項目經驗,所以產品經理的學習過程不能脫離實踐。組織幾個小夥伴一起多動手做項目,是你學完後找工作很重要的資本。

我建立了一個交流學習經驗的自學團,在自學團里會嚴格監督大家學習打卡,定期分享學習資料,定期組織項目實踐,給大家匹配適合的學習夥伴。想要加入或者了解的話,可以私聊我或是給我留言


除了UI/UX,互聯網產品經理甚至應該了解一些軟體開發、項目管理、運營、投資戰略等等。

這些都是一款互聯網產品可能需要涉及的領域,產品經理為了把相應的業務在業務範圍內運作好,需要做好產品的定位、想清楚它如何發展,在這個過程中最可能出現的亮點在哪裡,最有可能受制的瓶頸又在哪裡,趟的坑、考慮不周的東西將會少得多。

舉個例子,假設你作為一款存儲、虛擬機這類底層產品的產品經理,那麼首先UI/UX的技能你肯定是不需要的。如果你不懂相應的技術(譬如ceph,linux虛擬化等等),基本上你就會淪為給架構師打雜的角色,你在業務的方向、功能定位上更是不會有任何發言權。而如果你是Behance、藍湖這類產品的產品經理,那我認為多少還是懂一點UI/UX的工作流程會比較好。

懂什麼技能只是表面現象,實際體現出來的是所處行業的經驗知識儲備。

假如是在核電、化工、零售等等行業從事經營工作,為了做好你手頭的這點事,行業內部的運作鏈條、行業的上下游肯定都是要了解的。這就是為什麼工作經歷、行業經驗會被重視,有些職業會越老越值錢的原因。不要輕易換行業,隔行如隔山。


這個問題又可以這樣思考:

產品經理有必要學習技術嗎?

產品經理有必要學習運營嗎?

產品經理有必要學習營銷嗎?

產品經理有必要學習......

如果是這樣的話,你發現產品經理這個崗位要學習的實在太多了,是會被累死的,所以答案顯然是否定的,知識沒有窮盡,學習沒有盡頭,不一定都得自己學習;

對於產品經理來說,重要的是學會怎麼合作,進行資源統籌,協調研發,設計,測試等一起完成工作而不是自己變成各個方面的專家;

但是知識多多益善,你多學習一門,就多一些競爭力,有時間可以學習,但是不是必須的;

另外要不要學習得看你工作所處的階段,在工作初期可能對產品這個崗位本身的技能也未必能全部掌握和理解,就談不上再去學習別的崗位知識了,而產品工作越往後,要做的好,你對上下游對接崗位,甚至整個公司各個崗位的工作了解是影響你做出成績的重要因素。


不需要。不過俗話說「技不壓身」,如果產品經理有興趣研究一下,也無妨。

不過,即使一名產品經理對UI設計有著深入的研究,也不能對UI設計師指手畫腳。因為UI設計的工作,畢竟不是產品經理的本職工作。

從原則上說,產品經理和UI設計是彼此獨立的兩個崗位,不能互相干涉。

換句話說,即使UI設計師把界面設計得不堪入目,那也用不著產品經理干涉。因為自有產品總監進行處理。

除非,有一種極端情況。比如公司的UI設計師太忙了,或者根本就沒有UI設計師。這樣只能請產品經理代勞,自己PS切圖。不過這種極端情況十分少見。如果產品經理不得不兼任UI設計師的工作,那麼恐怕公司的前景十分令人擔憂。

學習其它領域的知識並無大礙,但是不能因此干擾了自己的本質工作。

其實道理就是這樣簡單。


推薦閱讀:
相关文章