當(dāng)我們想起移動(dòng)APP用戶體驗(yàn)的時(shí)候，都會(huì)想到一款簡(jiǎn)潔、美觀、易用產(chǎn)品的一系列功能，它讓我們的生活更簡(jiǎn)單。針對(duì)用戶遇到的問題，我們的產(chǎn)品經(jīng)理就會(huì)試圖通過各種方法，去解決，功能僅僅只是這眾多可想出方法的一小部分。

從產(chǎn)品的角度思考，意味著多維度統(tǒng)籌思考解決方案，包括特定用戶的問題、待解決方案、產(chǎn)品目標(biāo)、產(chǎn)品營(yíng)收等維度。

之前25學(xué)堂也分享了APP首頁(yè)設(shè)計(jì)常見的四種設(shè)計(jì)方案與產(chǎn)品思維和如何做好一個(gè)移動(dòng)APP產(chǎn)品設(shè)計(jì)的用戶體驗(yàn)

如下圖的APP界面設(shè)計(jì)，設(shè)計(jì)師重復(fù)考慮了產(chǎn)品思維的意識(shí)。

舉例說明下：

當(dāng)我們單手操作APP界面滑動(dòng)的時(shí)候，設(shè)計(jì)師把選中按鈕的圖標(biāo)放在左上角，因?yàn)楫a(chǎn)品滑動(dòng)的時(shí)候是從右往左滑動(dòng)的，這樣點(diǎn)擊選中的時(shí)候，不會(huì)讓用戶手指不舒服。因?yàn)檫x中的剛好在手指觸摸到的地方。如果放在右邊就會(huì)手指需要彎曲。有點(diǎn)不自在的感覺，不信大家可以去試試。

下面25學(xué)堂的小編給大家奉上產(chǎn)品思維的圖譜，希望對(duì)于移動(dòng)端的UI設(shè)計(jì)學(xué)會(huì)培養(yǎng)自己的產(chǎn)品思維。

產(chǎn)品思維：為用戶的需求而設(shè)計(jì)

從產(chǎn)品角度思考，幫助設(shè)計(jì)師創(chuàng)建成功的產(chǎn)品功能。通過定義產(chǎn)品解決的問題，實(shí)際上是在回答 “我們?yōu)槭裁丛O(shè)計(jì)這個(gè)產(chǎn)品？” 。首先定義目標(biāo)人群，思考“誰面臨這些問題？”；然后尋找解決方案，思考“我們要如何解決相應(yīng)的問題？” ，這樣的思路將會(huì)指引我們找到全新的產(chǎn)品功能。設(shè)立目標(biāo)，將有助于衡量這個(gè)功能是否會(huì)成功。

第一步理解產(chǎn)品是什么？

第二步：理解了產(chǎn)品是什么之后，設(shè)計(jì)師在為正確的用戶打造正確的產(chǎn)品功能等方面，產(chǎn)品思維給設(shè)計(jì)師帶來了優(yōu)勢(shì)。它有助于設(shè)計(jì)師整體上理解產(chǎn)品的用戶體驗(yàn)，而不僅僅是在交互和視覺的細(xì)節(jié)功能點(diǎn)上鉆牛角尖。同時(shí)，它確保設(shè)計(jì)師解決真正的用戶問題，從而降低做無用功的風(fēng)險(xiǎn)。無論何時(shí)開始創(chuàng)建產(chǎn)品功能，產(chǎn)品思維能夠幫助我們做出正確的決定。

產(chǎn)品思維確保用戶體驗(yàn)設(shè)計(jì)師發(fā)現(xiàn)真正的問題，創(chuàng)建正確的功能點(diǎn)，并且能夠與團(tuán)隊(duì)成員（尤其是產(chǎn)品經(jīng)理）更有效的溝通。

下面我們就來舉例說明產(chǎn)品思維應(yīng)用到APP界面布局上：

第一個(gè)APP九宮格布局：

特點(diǎn)：相比陳列館式，九宮格布局比較穩(wěn)定為一行三列式

優(yōu)點(diǎn)：清晰展現(xiàn)各入口，方便用戶快速查詢

缺點(diǎn)：1.菜單之間的跳轉(zhuǎn)要回到初始點(diǎn)

2.容易形成更深的路徑，不能顯示太多入口次級(jí)內(nèi)容

很多軟件都喜歡運(yùn)用九宮格布局，簡(jiǎn)書的專題管理員這里也使用了這種布局，井然有序且間隔合理，視覺效果挺舒服的。平臺(tái)兼容性、擴(kuò)展性也強(qiáng)。

第二個(gè)：APP選項(xiàng)卡式布局

選項(xiàng)卡式布局特點(diǎn)：導(dǎo)航一直存在，具有選中狀態(tài)，可快速切換另一個(gè)導(dǎo)航

優(yōu)點(diǎn)：1.直接展示最重要接口內(nèi)容信息

2.分類位置固定，清楚當(dāng)前所在入口位置

3.減少界面跳轉(zhuǎn)的層級(jí)，輕松在各入口間頻繁跳轉(zhuǎn)

缺點(diǎn)：1.功能入口過多時(shí)，該模式顯得笨重不實(shí)用

比如麗人麗妝APP、簡(jiǎn)書APP等都使用了選項(xiàng)卡布局，圖中上面的紅色框和下面的紅色框都是此布局，但是，個(gè)人覺得上面的選項(xiàng)卡由于功能入口太多而顯得笨重，下面的則恰到好處。

第三個(gè)APP層疊效果布局

比如25學(xué)堂之前分享的：提升逼格的APP視覺效果：卡片層疊效果設(shè)計(jì)和卡片層疊效果實(shí)現(xiàn)特棒的APP欣賞：最美有物APP

app層疊效果布局也是目前很多APP常用的，也是產(chǎn)品思維的新方案。

這樣的布局特點(diǎn)：重點(diǎn)展示一個(gè)對(duì)象，而且視覺效果也好看，只需要通過手勢(shì)滑動(dòng)查看更多內(nèi)容

優(yōu)點(diǎn)：?jiǎn)雾?yè)面內(nèi)容整體性強(qiáng)，聚焦度高、視覺效果強(qiáng)、用戶體驗(yàn)好

缺點(diǎn)：1、受屏幕寬度限制、性能方面等要求，可顯示的數(shù)量不能太多

2、不能跳躍性地查看間隔的頁(yè)面，不能隨機(jī)看或回到上一頁(yè)

3、各頁(yè)面內(nèi)容結(jié)構(gòu)相似，容易忽略后面的內(nèi)容

以上就是25學(xué)堂小編想要跟大家分享的一些關(guān)于移動(dòng)端APP設(shè)計(jì)師需要理解的一些產(chǎn)品思維，同時(shí)也要學(xué)會(huì)培養(yǎng)自己的產(chǎn)品思維，才能設(shè)計(jì)出好的APP作品。

產(chǎn)品思維的終極目標(biāo)就是 ?讓產(chǎn)品經(jīng)理和UI設(shè)計(jì)人員、交互設(shè)計(jì)師等建立卓有成效的合作關(guān)系，攜手做出更好的移動(dòng)端產(chǎn)品。