商丘做網站,商丘網站優化,商丘網絡推廣,商丘網絡公司
當前位置:首頁 >新聞資訊 > 網站設計 >

有理有據丨產品功能的場景式設計

發表日期:2017-06-30 17:46聚圣源瀏覽次數: 本文關鍵詞:交互設計,網頁設計,有理有

 

  【文章摘要】產品功能的設計,可以根據功能邏輯的主次關系、同類劃分等方式去實現交互布局,還有可以從產品的體驗場景為線索重新組成功能的交互展現,實現“所看(聽、觸等)即所需”。相比之下,基于場景出發,更容易體現產品功能對用戶“意義”。

  1、以“開通會員”的功能設計為例

  會員功能,是一個非必需的付費功能,從普遍用戶認知來看:要掏錢的,能不碰就盡量少碰,反正我只是隨便看看·。而對于企業來說,這是產品流量變現的現金牛,必須盡可能讓用戶醒目地清晰地感知到這功能的好處并愿意為之付費。這時候,產品設計開始,第一步(也是最重要的一步):產品入口(觸達)的設計。

  這里有兩種思路,分別是從事件邏輯出發和用戶場景出發:

  

 

  事件邏輯流:

  

 

  用戶場景流:

  

 

  

 

  區別事件邏輯流的直接的羅列展示或固定入口這種中心化模式,基于用戶場景設計的方式傾向考慮在用戶操作的環境中,結合產品功能的特點是做引導和暗示,從而實現用戶需求到產品功能的自然過渡。本來不是必要功能的視頻站會員,因為在場景中遭遇反向的體驗(廣告插播、限制瀏覽等)產生開通必要的意義,給用戶一個消費的場景和理由。

  再看看下載工具上的“開通會員”,盡管我們潛意識都知道會員可能會有優越的體驗,但是付費阻礙相當一部分用戶,即使鋪天蓋地的廣告。把下載工具中的會員功能結合到具體的產品體驗中,借用場景潛移默化用戶:

  

 

  而與之對應的另一種設計思路的則是:

  

 

  筆者手上沒有嚴格的數據表明哪種設計方式能有更高的點擊量和轉化率,但就自身體驗來說,我幾乎是被各個場景“引誘”去開通會員。

  更多例子還有:網游PK中被虐了,系統貼心的提示“勇士,充值XXX元獲得XXX,立刻提升戰力,所向披靡”;網站廣告系統的BI功能,根據你的歷史行為推薦內容……所謂基于場景設計,就是以用戶具體交互環境為基礎,來組織展示和設計產品功能,達到“所見即所需”的目的,同時讓產品功能具有實用意義。

  2、場景式設計的優勢

  場景式設計,核心就是關注一個個用戶操作的具體場景,以此結合需求來設計產品功能。不強調業務優先級,產品功能間的主從邏輯,只需關注當下場景的用戶需求。

  根據以上,這樣設計的好處是:

  

 

  

 

  

 

  關注用戶體驗場景的設計,可以讓我們更容易把握每個體驗環節的用戶需求,最直接的商業價值就是:將流量變現的效率最大化。

  例如:淘寶商品搜索列表底部的廣告位,在用戶經歷前面數十個搜索結果商品瀏覽后拉至頁面底部,最有可能性就是仍然沒找到所需要的商品,這時候一個頗有意思的欄目“掌柜熱銷”應需出現,自己搜索找不到心儀沒關系,看看賣家暢銷的款式是什么或許可以幫到你,推送掌柜熱銷既符合買家需求,也是一個廣告變現的好方式。

  

 

  3、如何從場景出發來設計

  從場景出發的設計,對象就是場景和產品(功能),而連接兩者的橋梁就是用戶的體驗和需求:

  

 

  話雖簡單,但難就在于準確把握功能和產品功能的合理結合。而往往很多時候因為業務數據的壓力,以上難以平衡。

  本文所述“基于場景的產品功能設計”,更針對于那些“非關鍵的、主流程體驗的功能、后續更新迭代的功能”的設計。因為這些產品功能自身難以塑造一個具體的體驗場景,而依賴現有的場景來實現,更容易,也更能豐富當前場景的體驗。

  除此之外,基于用戶場景的設計是一門更大的課題,涉及知識也超出筆者水平,這里的就不瞎扯了。有興趣的道友可以私下交流哈,公眾號回復:幫助,即可捕獲野生樓主一枚。

如沒特殊注明,文章均來自網絡! 轉載請注明來自:http://www.joseph-design.com/news/wzsj/4849.html

網站設計案例推薦

熱門文章

揭秘2017年最新的網站快速排名設...

網站在前期的時候都是很難上排名的嗎,那么是因為你的網站基礎優化都沒做好,怎么可能會有排名呢,首頁說到了基礎的優化那就要從根本的地方說起。前期就是先把網站的設計和網...

日期:2017-06-30 瀏覽次數:5427

Axure教程:上下滾動效果制作步...

今天來給大家講講如何用Axure實現上下滾動效果。 如何實現上下滾動效果: 讓內容在顯示區域滾動; 內容面板沒有接觸到頂部時,讓內容面板移動至頂部; 內容面板接觸到頂部,沒有接...

日期:2018-01-05 瀏覽次數:1186

終于等到你!2017年2月設計圈實...

隨著情人節的結束,2月份的設計圈干貨大合集悄然更新。新的工具新的資源,依然是以往的分量,依然是相同的味道。和過去的合集相似,免費的素材、工具、服務占據了列表中9成的...

日期:2018-04-01 瀏覽次數:725

Axure高級教程:如何從外部獲取...

Axure作為產品經理必備神器之一,相信每個人都會基礎的操作和簡單甚至高階的原型。但是這篇文章分析的內容,相信你可能從沒有這樣想過。 我們知道中繼器在Axure中實現數據動態展...

日期:2018-01-05 瀏覽次數:720

現代404頁面設計趨勢分析與案例...

每個網站都是由不同功能不同類型的頁面構成的,當用戶打開錯誤鏈接的時候,網站的404頁面就派上用場了。一個可靠的404頁面在告知用戶他們走錯地方的同時,還應當引導用戶繼續瀏...

日期:2018-02-27 瀏覽次數:681

相關文章

響應式網頁設計指南...

響應式網頁是一種對于設計的全新思維模式,響應是雙方的,是互動的過程,在這個過程中設計師要考慮設備的性能、Dom節點數量、屏幕的大小等。 1、如何理解響應式設計(RWD) 響應...

日期:2018-01-05 瀏覽次數:98

交互設計基本功!聊聊搜索框設...

@Mockplus原型設計 :許多人可能認為搜索框不需要設計,畢竟這只是兩個簡單的元素。然而,在內容繁雜的網站中,搜索框通常是最常用的設計元素。當用戶遇到相對復雜的網站時,他們...

日期:2018-01-05 瀏覽次數:123

三個維度,解析產品的交互設計...

本文以微信首頁為例,用三個維度系統地解析一個產品的交互設計的方方面面。 首先我們來做個互動,請各位看官打開自己的微信,然后看到你的微信首頁: 然后仔細觀察看到了什么...

日期:2018-01-05 瀏覽次數:117

案例分析:怎樣避免交互設計中...

刻板印象有好有壞。在合適的場景、時間、項目中,去最大化它的積極作用,盡量避免它的消極作用,才能真正的平衡設計、工作,甚至生活。 一直在看奇葩說,聽到很多次的一個詞叫...

日期:2018-01-05 瀏覽次數:136

表單的交互設計:基于單選場景...

在做表單設計時,究竟該選用哪種控件,只要是根據情況而定的,無論哪種選擇都有其優缺點,這就要結合選項數目、空間大小等因素,選擇一種形式,可以最大程度的方便用戶使用。...

日期:2018-01-05 瀏覽次數:117

隨機推薦

如何運用「用戶場景法」進行產...

精雕細琢!打造優秀用戶體驗的...

從設計指南說起,詳解iOS系統組...

Google對話式交互規范指南(五)...

那些花花綠綠的地鐵廣告,玩的...

只需5步,你也可以畫出高質量的...

国产福利视频一区二区精品