如何優(yōu)化產(chǎn)品體驗(yàn)?

6 評(píng)論 13384 瀏覽 87 收藏 10 分鐘

本文圍繞產(chǎn)品體驗(yàn)為主題,分析了如何優(yōu)化的要點(diǎn),并用股票產(chǎn)品做了例子,方便大家理解。

產(chǎn)品目標(biāo)

在前接到需求后,不要急于去做,我們?cè)谇捌?,?yīng)明確一個(gè)目標(biāo),基于產(chǎn)品目標(biāo),做產(chǎn)品分析或是做竟品分析的時(shí)候,就會(huì)更有目的性。

例如:這次優(yōu)化的產(chǎn)品是股票的行情頁面,我的目標(biāo)想通過優(yōu)化產(chǎn)品,視覺驅(qū)動(dòng)交易,提升用戶決策效率,增強(qiáng)產(chǎn)品黏性,實(shí)現(xiàn)股票智能投顧,提升競爭力,建立出一套效率、有生命力的產(chǎn)品。明確好目標(biāo)再去找競品或去分析的時(shí)候,就會(huì)更有目的性,著重去分析競品是否有好多點(diǎn)子達(dá)到你的產(chǎn)品目標(biāo)。

產(chǎn)品原則

在做產(chǎn)品前,還需給產(chǎn)品定義原則,也就是產(chǎn)品的DNA。針對(duì)產(chǎn)品設(shè)計(jì)進(jìn)行頭腦風(fēng)暴,衍生出一些關(guān)鍵詞。

考慮金融產(chǎn)品的安全性、嚴(yán)謹(jǐn)性、專業(yè)性,給產(chǎn)品重新定義DNA,如下:

頭腦風(fēng)暴的時(shí)候,想來各種各樣的關(guān)鍵詞,最后對(duì)關(guān)鍵詞進(jìn)行提煉,挑選出優(yōu)先級(jí)相對(duì)高的4個(gè);

情緒版的創(chuàng)建

關(guān)鍵詞的提煉后,針對(duì)關(guān)鍵進(jìn)行細(xì)分。

比如,如果我提煉一個(gè)關(guān)鍵詞“安心”,對(duì)這個(gè)詞行進(jìn)細(xì)化,從哪些方面可以反映出安心,如下:

  • 可感:關(guān)鍵信息清晰可讀、有效創(chuàng)達(dá)
  • 可信:有效品牌背書、評(píng)價(jià)數(shù)據(jù)、完整搞笑的客服流程
  • 可控:服務(wù)體驗(yàn)做到流程可控、安全可控、質(zhì)量可控

確定好這些細(xì)分的表達(dá),就可以去圖庫搜集素材,進(jìn)行情緒版圖庫的創(chuàng)建

尋找情感共鳴點(diǎn)

通過情緒版的圖庫,尋找情感共鳴點(diǎn),例如:通過情緒版圖庫可分析得出“方正”設(shè)計(jì)規(guī)整、直角的圖形給給人感覺更加專業(yè)嚴(yán)謹(jǐn),粗壯的東西帶來厚重、安全感,采用“直角”設(shè)計(jì),干凈利落,配合紅藍(lán)配色,優(yōu)化tab bar圖標(biāo)。

這里tab bar可以再做得有趣點(diǎn),例如:增加動(dòng)效彈性效果,使icon更有趣。

通過指數(shù)的變化、股票的休市情況。對(duì)“行情”做出變化:

  1. 股市未開盤(收市)時(shí),行情圖標(biāo)標(biāo)為:
  2. 當(dāng)上證指數(shù)下鐵時(shí),行情圖標(biāo)為:
  3. 當(dāng)上證指數(shù)上漲時(shí),行情圖標(biāo)為:

這里對(duì)交易行為的圖標(biāo)做了變化,當(dāng)正常狀態(tài)時(shí),交易圖標(biāo)為水平方向;當(dāng)點(diǎn)擊交易,意味著開始雙向交易,則將圖標(biāo)傾斜45°。通過趣味的設(shè)計(jì),與同類產(chǎn)品差異化,增強(qiáng)品牌形象。

自選列表優(yōu)化

在做每個(gè)頁面的時(shí)候,都要嘗試著去尋找共鳴點(diǎn),例如在自選列表頁面,股票產(chǎn)品通常都有白色、暗色兩種皮膚模式。

長時(shí)間盯盤的話,白色更容易引起視覺疲勞。有了解過股票的都知道,自選列表頁面,當(dāng)股票價(jià)有波動(dòng)的時(shí)候,列表的底色會(huì)根據(jù)股票了的漲鐵變成淺紅色或者淺綠色,這時(shí)候白底模式下的列表,用戶更能直觀的感受到股價(jià)的波動(dòng)。

這里通過調(diào)查并結(jié)合自己的經(jīng)驗(yàn),用戶會(huì)進(jìn)行長時(shí)間盯盤的頁面是股票頁面,即股票的分時(shí)圖(K線圖),將自選列表頁面設(shè)計(jì)成白底,股票詳情頁設(shè)計(jì)成暗色底。

在品牌感上有所突破,一方面滿足用戶訴求,另一方面也能全面考慮產(chǎn)品一體化。

股票詳情頁優(yōu)化

股票詳情頁的信息太多,單頁瀏覽可能用于冗長,并且用戶長時(shí)間瀏覽的話,

需要一個(gè)舒適的底色,避免視覺疲勞。

所以,詳情頁優(yōu)化兩點(diǎn):

  • 其一:背景底色的優(yōu)化,這里用了石墨色作為背景底色,石墨色相比黑色,會(huì)更有質(zhì)感,提升瀏覽舒適度
  • 其二:采用了分屏呈現(xiàn)信息,讓信息盡量聚焦在一屏或一屏半內(nèi),左右切換,分屏顯示,用戶可以更加專注于內(nèi)容本身。

根據(jù)目標(biāo),在股價(jià)傍邊增加了3個(gè)功能入口,分別為:資訊、診股、提醒。目的是:當(dāng)股價(jià)異動(dòng)時(shí),用戶能快速聯(lián)想到股資訊公告,或者只能診股,設(shè)置提醒,可以指引用戶更為準(zhǔn)確操作行為,提升決策效率,實(shí)現(xiàn)智能投股。

常規(guī)股票金融產(chǎn)品放大K線圖,需左手拿手機(jī),右手雙指進(jìn)行放大宿小操作,使用滑塊操作,用戶單手就可以完成K線放大宿小的操作,并且滑塊的進(jìn)度條清晰的讓用戶知道K線放大宿小的范圍(幅度)

動(dòng)效設(shè)計(jì)

適當(dāng)?shù)膭?dòng)效設(shè)計(jì)可以提升產(chǎn)品的品質(zhì),增強(qiáng)品牌形象。

如今玲瑯滿目的App中,如何在設(shè)計(jì)中脫穎而出是需要產(chǎn)品考慮的,不僅是合理的展示產(chǎn)品結(jié)構(gòu)與功能,更重要的是思考App是否能做到簡潔易懂的同時(shí),又給用戶新穎感?

動(dòng)效設(shè)計(jì)正成為移動(dòng)端設(shè)計(jì)中一個(gè)極為重要、非常必要的組成要素。

總結(jié)

整個(gè)產(chǎn)品思路,總結(jié)已下3點(diǎn):

1. 明確的目標(biāo),與用戶構(gòu)建一致的認(rèn)知

前期需要了解產(chǎn)品的用戶群體,得出明確的產(chǎn)品目標(biāo),帶著目的性去分析或競品分析;

2. 關(guān)鍵詞提煉,創(chuàng)建情緒版圖庫

明確產(chǎn)品目標(biāo)后,可以衍生出各類關(guān)鍵詞,進(jìn)行重點(diǎn)提煉,細(xì)分關(guān)鍵詞,進(jìn)而創(chuàng)建清晰版,從中吸取經(jīng)驗(yàn);

3. 多細(xì)節(jié)打造極致體驗(yàn),尋找用戶情感共鳴

在產(chǎn)品、視覺及交互上,要不斷總結(jié)、思考,不要被現(xiàn)有產(chǎn)品束縛,敢于嘗試的可能性,尋找用戶共鳴點(diǎn),不斷打磨產(chǎn)品,促使產(chǎn)品達(dá)到理想體驗(yàn);

每個(gè)人對(duì)產(chǎn)品的思路可能不一樣,但最終目的都一樣,在產(chǎn)品中打造一種極致的體驗(yàn),讓用戶感受到產(chǎn)品的價(jià)值。利用小細(xì)節(jié)去改善產(chǎn)出的缺陷,讓產(chǎn)品體驗(yàn)更棒。

 

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

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

題圖來自Unsplash

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 很棒

    來自北京 回復(fù)
  2. 優(yōu)秀

    來自北京 回復(fù)
  3. 不錯(cuò),收獲很多????????

    回復(fù)
  4. 如果能注意下錯(cuò)別字就更好了 ??

    來自四川 回復(fù)
    1. 謝謝您的指正,我會(huì)注意一下??。

      來自廣東 回復(fù)
  5. 錯(cuò)別字有點(diǎn)多。。

    來自湖北 回復(fù)