## ##

        產(chǎn)品經(jīng)理的基本功:如何學會交互設計?

        2017-12-21 11:58:30 閱讀 261063 本文來源:Mandy權
        分享至:

        有idea,知道功能,如何設計?

        在我們的日常生活中,往往會因為遇到奇葩和不爽的事兒而產(chǎn)生解決問題的idea,由于知道問題的源頭,所以通常也能說出幾個功能需要改變,但是只是停留在知道和想到,而不能設計出解決方案,對于產(chǎn)品經(jīng)理而言是不ok的。產(chǎn)品經(jīng)理的工作職責核心就是把idea設計為產(chǎn)品,解決問題!

        譬如,我們都應該遇到過如下左圖的插座,很囧的是,我們竟然無法同時插入兩孔和三孔的插頭,敢問先森你這設計是給人用的么?作為產(chǎn)品汪,我們不會坐以待斃,我們會用自己的“專業(yè)”設計能力把它改變成醬紫(如下右圖),當當當,哇靠,醬紫一做,是不是很牛逼,是否解決你的痛點啦?

        20171221105757174.png

        所以為了讓用戶喜歡,我們需要設計,設計分三類:行為設計、形式設計、內(nèi)容設計。其中,行為設計就專指:交互設計,形式設計包括界面設計與風格設計,內(nèi)容設計包括信息架構設計、文案設計、動畫制作與 音效設計。

        到底什么是交互設計呢,官方這么解釋,提供給你作為參考:

        以人的需求為導向,理解用戶的期望、需求、理解商業(yè)、技術以及業(yè)內(nèi)的機會與制約。基于以上的理解,對于用戶產(chǎn)品使用行為的優(yōu)化設計,交互設計關注的是“用戶場景”和“用戶心理”,設計的對象是“用戶行為”,達成的目標是“能用、易用、想用”。

        說了這么多,你肯定心里會想產(chǎn)品經(jīng)理為什么要學交互設計呢?從我的觀察看,原因有兩個:

        現(xiàn)在的產(chǎn)品經(jīng)理都需要綜合素質強,樣樣都能干,才能更佳清晰的表達自己的想法;

        充當交互設計師的角色,才能變得更強,當公司人員不夠或者沒有交互設計師一角的時候,或者不想和交互設計師撕逼,產(chǎn)品經(jīng)理需要能獨當一面。so,對于產(chǎn)品經(jīng)理來說,設計需要自己來做,并且需要知道交互設計的流程,熟練使用交互設計工具。


        知道為什么設計,那么到底如何設計呢?

        工具就是拿來提升工作效率的,工欲善其事,必先利其器。首先安利幾個交互設計工具,如下圖所示:

        20171221110143193.png

        然后安利交互設計的流程,如下圖所示:

        20171221110204414.png

        當產(chǎn)品經(jīng)理在做產(chǎn)品之前,都需要了解產(chǎn)品要做成什么樣子,做任務分析,然后了解產(chǎn)品功能的邏輯并梳理頁面流程,接著需要考慮頁面布局,用原型設計來表達你自己對產(chǎn)品的規(guī)劃和想法,并在原型設計里添加設計說明,類似代碼的注釋。

        任務分析:對照著功能需求,對用戶操作任務進行分析梳理,給出FeatureList,寫明主要任務及子任務;

        頁面流程:決定界面的信息架構與操作邏輯,主要表現(xiàn)形式為流程圖

        頁面布局:對頁面進行拆解與重組,確定結構與分塊,分塊要合理并具備邏輯性與視覺感

        原型設計:完成具體頁面的設計,界面元素的表現(xiàn),原型設計圖分低保真和高保真兩類

        設計說明:對頁面設計進行的補充描述及詳細說明


        弄清楚如何設計了,我們就來聊聊交互設計做什么吧?

        首先,我們聊交互設計在產(chǎn)品各個階段的作用吧。

        產(chǎn)品初期:交互設計關注重點:快速產(chǎn)品定位風格樣式,快速交付主要功能頁面(小版本)快速上線;

        產(chǎn)品中期:交互設計關注重點:頁面與交互操作的深度設計,完善功能實現(xiàn)效果;

        產(chǎn)品后期:交互設計關注重點:穩(wěn)定版本迭代,操作體驗一致性與頁面邏輯優(yōu)化。

        然后,我們聊交互設計涉及的各種定律和知識,可查看系列文章:

        《細節(jié)體驗|你離用戶只差一個好的交互》

        《用好的交互設計來管理復雜-“Tab”》

        最后,我們聊移動端交互設計的基礎知識:

        多端設計:統(tǒng)一性、創(chuàng)新性

        好處

        品牌基因,提高產(chǎn)品關聯(lián)性

        提高使用效率,降低學習成本,便于管理

        方法

        產(chǎn)品與系統(tǒng)、平臺之間要統(tǒng)一

        企業(yè)多產(chǎn)品線全局規(guī)劃

        多尺寸設計:兼容適配+高效設計

        觸控設計:優(yōu)化體驗+移動交互


        知道交互設計具體做什么了,我們就要畫畫圖寫寫文檔咯

        交互設計文檔都給誰看呢?請看下圖:

        20171221110710732.png

        那么,交互設計文檔的作用又是什么呢?一份詳盡的交互設計文檔,將很多產(chǎn)品細節(jié)都用圖視和文字的形式固定下來,起到了規(guī)范的作用,有助于團隊成員的溝通,降低溝通成本。究竟一份交互設計文檔需要哪些內(nèi)容呢?一般來講,一份交互設計文檔大致需要7個部分,分別是:

        1.文檔封面、版本紀錄

        20171221110737853.png

        20171221110749618.png

        2.模塊清單、業(yè)務流程、原型設計、錯誤處理

        現(xiàn)在,對于職責和崗位的分工,有可能會變得越來越模糊。擁有一份較好的交互設計文檔,會是產(chǎn)品經(jīng)理的法寶之一。未來,對于一名優(yōu)秀的產(chǎn)品經(jīng)理,是需要交互設計、項目管理、產(chǎn)品管理、用戶研究等多方面的素質和要求的,所以沒事兒多畫畫交互圖,多體驗產(chǎn)品,一定對你的產(chǎn)品生涯幫助不少。


        作者:Mandy權,微信公眾號:PMandyQ,一名快樂的產(chǎn)品經(jīng)理!

        責任編輯:mr

        認可我的創(chuàng)作,就鼓勵一下吧

        0人打賞
        分享至:

        聯(lián)系客服

        故障反饋