加盟都是產(chǎn)品經(jīng)理【起點(diǎn)學(xué)院】產(chǎn)品經(jīng)理實(shí)戰(zhàn)訓(xùn)練營，BAT產(chǎn)品總監(jiān)攜手學(xué)習(xí)產(chǎn)品。

近兩年來一直在使用荔枝FM，作為產(chǎn)品經(jīng)理，一直對荔枝FM的使用邏輯和交互體驗(yàn)感到疑惑，所以今天就試試牛刀！

首先看一下荔枝調(diào)頻的主要框架。

使用

荔枝FM基礎(chǔ)框架分析

時，整個框架不是按照用戶的使用邏輯設(shè)計的，而是按照形態(tài)學(xué)邏輯設(shè)計的，所以有很多地方讓用戶感到不舒服，但其他路是一樣的，歸納后大致分為以下三條路線

邏輯線路1:用戶進(jìn)入app，瀏覽想要的電臺——，搜索好的電臺——，查看電臺節(jié)目列表——，故事邏輯線路2:用戶現(xiàn)在從這個電臺——到社區(qū)討論——更多的電臺資料——投稿/共享邏輯線路3:自己制作電臺——錄音/編輯——

第一節(jié)：主頁交互設(shè)計優(yōu)化

設(shè)計概念：簡潔、少、多

主頁邏輯梳理：主頁是[搜索] [分類選項(xiàng)卡] [主頁按鈕] [播放快捷方式按鈕] [推薦收音機(jī)] [底部導(dǎo)航]

界面重點(diǎn)分析：作為平臺方，盡可能多地展示廣播內(nèi)容是正確的。所以雖然現(xiàn)在有這個版本的界面，但作為用戶，用戶主要可以分為【被動收件人】【主動請求人】。

[手動收件人]:你給我的內(nèi)容就是什么內(nèi)容。如果這個內(nèi)容不好，我會改的。聽好了，我會聽的?！局鲃邮占恕?我想要什么電視臺。我知道那個名字和分類。你只要讓我快點(diǎn)找到就行了。所以有右邊的界面設(shè)計

設(shè)計功能要點(diǎn)：[搜索] [推薦收音機(jī)] [底部播放菜單欄]

功能點(diǎn)簡介：

:隨著大屏幕移到界面底部，有越來越多的操作菜單，但這里的設(shè)計原因是

對于c端用戶來說，錄音按鈕不經(jīng)常訂購，也不去播客。不管按鈕在哪里都一樣。上面不說不舒服。因?yàn)榧词共环奖?，也會利用犧牲播客的體驗(yàn)。如果聽眾覺得應(yīng)用程序不方便，流量如何增加？(阿爾伯特愛因斯坦)(美國)。

【搜索】:用不同的界面搜索，搭配分類指南，更多的展示，設(shè)計理由。

主頁包含了太多的信息。需要信息區(qū)分。可以直接為主動請求信息的用戶搜索。也就是說，對于被動獲得的用戶，他們想要的不是有大風(fēng)波的數(shù)據(jù)，而是能引導(dǎo)我。我能很快找到我想找的東西。少則多。所以相關(guān)分類列表【推薦可以自由選擇，但就像聽音樂一樣，用戶進(jìn)入app的起點(diǎn)是找電臺打發(fā)時間。結(jié)果你給了我這么多選擇，界面信息量還要處理。這是一次很糟糕的經(jīng)歷。

設(shè)計理由：

• 少即是多：根據(jù)小編或者用戶點(diǎn)播不錯的電臺放出來，保證用戶能夠快速隨性的獲取到自己想要的東西
• 采用手勢操作：上下滑動進(jìn)行電臺切換，點(diǎn)擊即切換電臺播放，模擬真實(shí)的電臺習(xí)慣

【底部播放菜單欄】：常用操作，對于一個有聽廣播習(xí)慣的人來說，我會經(jīng)常固定的聽我喜歡的電臺，而不是經(jīng)常去換。設(shè)計理由：

• 保留用戶習(xí)慣的電臺，是從用戶的出發(fā)點(diǎn)
• 簡介+播放按鈕+播放列表：能夠知道我經(jīng)常播放的這個電臺的基本信息，足矣！

第二節(jié)：電臺詳情

設(shè)計概念：以核心帶動相關(guān)設(shè)計

電臺詳情的框架思維導(dǎo)圖如下

功能點(diǎn)分區(qū)：

• 原版面對電臺的功能有：【分享】【訂閱】【勾搭主播】【投稿】
• 原版面對節(jié)目的功能有：【分享】【播放】【點(diǎn)贊】【緩存】【信息】【更多操作】
• 原版面其他功能：操作，快捷播放入口

版本存在問題有：

因此有了右邊的界面

分析用戶：電臺詳情頁面由三部分組成【電臺簡介】【電臺中間操作區(qū)】【節(jié)目列表】，從用戶的角度出發(fā)分析，我進(jìn)入一個電臺，有已知和未知的區(qū)別

• 【已知】：聽電臺就好，如果更感興趣，歡迎參與和本電臺的其他相關(guān)功能，社區(qū)、投稿、訂閱
• 【未知】：了解電臺詳情，了解電臺文化

1. 播放區(qū)域：播放音樂相同的體驗(yàn)，希望能把播客當(dāng)成音樂來聽，至于快進(jìn)15s和往后退15秒的概念其實(shí)已經(jīng)可以不用再出現(xiàn)了，對于定時播放的概念，可以在設(shè)置中統(tǒng)一實(shí)現(xiàn)
2. 播客簡介：一個播主，最想要的是別人了解他，聽他的節(jié)目，分享他的節(jié)目，因此播客的介紹有必要進(jìn)行提升，甚至可以增加更多新鮮功能
3. 操作區(qū)：對于節(jié)目的操作和對本播客的操作，對節(jié)目的操作有緩存和贊，對播客的操作有投稿、社區(qū)、列表，進(jìn)一步的將用戶和播客的交互提煉了！
4. 關(guān)于分享：在原版中的分享有分享節(jié)目和分享播客的區(qū)別，但是從行為學(xué)的角度來說，當(dāng)你分享了一個節(jié)目，自然會帶上這個播客，既然有重復(fù)，何必要多加一個功能呢？

關(guān)于交互：

業(yè)內(nèi)很多人一直在追求交互設(shè)計，交互設(shè)計的概念也被大家炒得很玄乎，也相繼不少大廠出了很多書，例如：《身邊的設(shè)計》、《破繭成蝶》、《設(shè)計之下》這類耳熟能詳?shù)臅_實(shí)這些也絕對是高品質(zhì)的讀物

對荔枝FM個人總結(jié)交互設(shè)計大概分為

框架

框架層主要是幾個主要界面的界定【查看電臺】【錄制節(jié)目】【播放詳情】【搜索】【設(shè)置】這5個界面

這五個界面相當(dāng)于一級導(dǎo)航，無論是聽客還是播客在這五個界面就已經(jīng)完全可以完成他想做的事情

• 查看電臺作為電臺陳列的入口，提供優(yōu)質(zhì)電臺的推薦和展示的功能，配合搜索功能將整個平臺的電臺節(jié)目進(jìn)行展示，既保證了電臺播客只要做得好，就能有機(jī)會展示，也保證了聽客在這里能夠聽到好的內(nèi)容。
• 錄制節(jié)目是直接給播客們的入口，快速到達(dá)指定位置作業(yè)，完成錄制并發(fā)布，一氣呵成
• 播放詳情結(jié)合電臺詳情，深挖人和電臺的關(guān)系，綜合社區(qū)、投稿以及欄目的介紹，讓人和電臺更專一
• 設(shè)置綜合了用戶的雙重身份，既可以是一個聽眾，又可以是一個播客

以上五點(diǎn)確定了交互框架，接下來就是確定基礎(chǔ)交互

基礎(chǔ)交互

基礎(chǔ)交互層主要是界面的操作交互，對于首頁查看電臺來說，摒棄一貫的陳列式顯示，改成滑動操作，在交互上增加了刺激，上下滑動切換電臺是對古老的收音機(jī)進(jìn)行模擬；采用底部播放快捷入口，點(diǎn)擊進(jìn)入播放詳情，類似豆瓣FM的體驗(yàn)；搜索則將搜索和推薦結(jié)合做到基礎(chǔ)的引導(dǎo)；社區(qū)則采用開放式的交流，采用微信式的交互體驗(yàn)，保證用戶在使用習(xí)慣上的統(tǒng)一

相關(guān)頁面設(shè)計

總結(jié)：做了這么久的產(chǎn)品經(jīng)理，關(guān)于交互其實(shí)想說一句：適合自己項(xiàng)目的交互是最好的交互。

之前帶過新人，也合作過一些同事，往往會遇到，看這個產(chǎn)品就是這樣的，看他們就是這樣做，看XXX設(shè)計原則就是這樣說的，對于一個合格的產(chǎn)品經(jīng)理，希望大家真的把交互做到產(chǎn)品里面，而不是把概念做到產(chǎn)品里面

本文由 @kyd0311 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理 ，未經(jīng)許可，禁止轉(zhuǎn)載。