如何把產(chǎn)品思維應(yīng)用在APP頁面上
產(chǎn)品思維的終極目標(biāo)就是 ?讓產(chǎn)品經(jīng)理和UI設(shè)計人員、交互設(shè)計師等建立卓有成效的合作關(guān)系,攜手做出更好的移動端產(chǎn)品。
當(dāng)我們想起移動APP用戶體驗(yàn)的時候,都會想到一款簡潔、美觀、易用產(chǎn)品的一系列功能,它讓我們的生活更簡單。針對用戶遇到的問題,我們的產(chǎn)品經(jīng)理就會試圖通過各種方法,去解決,功能僅僅只是這眾多可想出方法的一小部分。
從產(chǎn)品的角度思考,意味著多維度統(tǒng)籌思考解決方案,包括特定用戶的問題、待解決方案、產(chǎn)品目標(biāo)、產(chǎn)品營收等維度。
如下圖的APP界面設(shè)計,設(shè)計師重復(fù)考慮了產(chǎn)品思維的意識。
舉例說明下:
當(dāng)我們單手操作APP界面滑動的時候,設(shè)計師把選中按鈕的圖標(biāo)放在左上角,因?yàn)楫a(chǎn)品滑動的時候是從右往左滑動的,這樣點(diǎn)擊選中的時候,不會讓用戶手指不舒服。因?yàn)檫x中的剛好在手指觸摸到的地方。如果放在右邊就會手指需要彎曲。有點(diǎn)不自在的感覺,不信大家可以去試試。
下面給大家奉上產(chǎn)品思維的圖譜,希望對于移動端的UI設(shè)計學(xué)會培養(yǎng)自己的產(chǎn)品思維。
產(chǎn)品思維:為用戶的需求而設(shè)計
從產(chǎn)品角度思考,幫助設(shè)計師創(chuàng)建成功的產(chǎn)品功能。通過定義產(chǎn)品解決的問題,實(shí)際上是在回答 “我們?yōu)槭裁丛O(shè)計這個產(chǎn)品?” 。首先定義目標(biāo)人群,思考“誰面臨這些問題?”;然后尋找解決方案,思考“我們要如何解決相應(yīng)的問題?” ,這樣的思路將會指引我們找到全新的產(chǎn)品功能。設(shè)立目標(biāo),將有助于衡量這個功能是否會成功。
第一步理解產(chǎn)品是什么?
第二步:理解了產(chǎn)品是什么之后,設(shè)計師在為正確的用戶打造正確的產(chǎn)品功能等方面,產(chǎn)品思維給設(shè)計師帶來了優(yōu)勢。
它有助于設(shè)計師整體上理解產(chǎn)品的用戶體驗(yàn),而不僅僅是在交互和視覺的細(xì)節(jié)功能點(diǎn)上鉆牛角尖。同時,它確保設(shè)計師解決真正的用戶問題,從而降低做無用功的風(fēng)險。無論何時開始創(chuàng)建產(chǎn)品功能,產(chǎn)品思維能夠幫助我們做出正確的決定。
產(chǎn)品思維確保用戶體驗(yàn)設(shè)計師發(fā)現(xiàn)真正的問題,創(chuàng)建正確的功能點(diǎn),并且能夠與團(tuán)隊成員(尤其是產(chǎn)品經(jīng)理)更有效的溝通。
下面我們就來舉例說明產(chǎn)品思維應(yīng)用到APP界面布局上:
第一個APP九宮格布局:
特點(diǎn):相比陳列館式,九宮格布局比較穩(wěn)定為一行三列式
優(yōu)點(diǎn):清晰展現(xiàn)各入口,方便用戶快速查詢
缺點(diǎn):1.菜單之間的跳轉(zhuǎn)要回到初始點(diǎn);2.容易形成更深的路徑,不能顯示太多入口次級內(nèi)容
很多軟件都喜歡運(yùn)用九宮格布局,簡書的專題管理員這里也使用了這種布局,井然有序且間隔合理,視覺效果挺舒服的。平臺兼容性、擴(kuò)展性也強(qiáng)。
第二個:APP選項卡式布局
選項卡式布局特點(diǎn):導(dǎo)航一直存在,具有選中狀態(tài),可快速切換另一個導(dǎo)航
優(yōu)點(diǎn):1.直接展示最重要接口內(nèi)容信息;2.分類位置固定,清楚當(dāng)前所在入口位置;3.減少界面跳轉(zhuǎn)的層級,輕松在各入口間頻繁跳轉(zhuǎn)。
缺點(diǎn):1.功能入口過多時,該模式顯得笨重不實(shí)用。
比如麗人麗妝APP、簡書APP等都使用了選項卡布局,圖中上面的紅色框和下面的紅色框都是此布局,但是,個人覺得上面的選項卡由于功能入口太多而顯得笨重,下面的則恰到好處。
第三個APP層疊效果布局
app層疊效果布局也是目前很多APP常用的,也是產(chǎn)品思維的新方案。
這樣的布局特點(diǎn):重點(diǎn)展示一個對象,而且視覺效果也好看,只需要通過手勢滑動查看更多內(nèi)容
優(yōu)點(diǎn):單頁面內(nèi)容整體性強(qiáng),聚焦度高、視覺效果強(qiáng)、用戶體驗(yàn)好
缺點(diǎn):1、受屏幕寬度限制、性能方面等要求,可顯示的數(shù)量不能太多;2、不能跳躍性地查看間隔的頁面,不能隨機(jī)看或回到上一頁;3、各頁面內(nèi)容結(jié)構(gòu)相似,容易忽略后面的內(nèi)容
以上就是跟大家分享的一些關(guān)于移動端APP設(shè)計師需要理解的一些產(chǎn)品思維,同時也要學(xué)會培養(yǎng)自己的產(chǎn)品思維,才能設(shè)計出好的APP作品。
產(chǎn)品思維的終極目標(biāo)就是 ?讓產(chǎn)品經(jīng)理和UI設(shè)計人員、交互設(shè)計師等建立卓有成效的合作關(guān)系,攜手做出更好的移動端產(chǎn)品。
來源:http://www.25xt.com/appdesign/14019.html
題目應(yīng)該改一改,用交互思維做UI設(shè)計