云米科技

全新呈現(xiàn)形式，打造深入人心的物聯(lián)網(wǎng)企業(yè)官網(wǎng)

行業(yè) 物聯(lián)網(wǎng)行業(yè)

服務(wù)類別網(wǎng)頁設(shè)計 / 數(shù)字營銷推廣

已上線，網(wǎng)址在文章底部

項目背景

作為小米生態(tài)鏈企業(yè)之一，云米科技是一家高科技互聯(lián)網(wǎng)智能硬件公司，聚焦智能家電，定位中高端人群。在向全屋物聯(lián)網(wǎng)家電快速擴張的4年間，云米已于2018年9月在美國納斯達克上市。這次找到增長超人希望建設(shè)一個面向全球國際化的網(wǎng)站，幫助云米在海外市場進行宣傳推廣，以及提升品牌形象和客戶體驗。

訪客平均停留時長
增長

71%

有效詢盤率
增長

157%

舊版官網(wǎng)調(diào)研

功能模塊陳雜

導(dǎo)航欄欄目較多，各功能板塊繁多，質(zhì)量較差，呈現(xiàn)較為繚亂
用戶體驗不佳

交互邏輯及動效體驗較差，用戶獲取信息效率低，營銷屬性過強
視覺設(shè)計陳舊

視覺風(fēng)格不統(tǒng)一，整體呈現(xiàn)較為跳脫，廉價感較強

我們深入探索創(chuàng)造力、自由和數(shù)字體驗！我們一起頭腦風(fēng)暴

方案設(shè)計核心思路

挑戰(zhàn)

01

改變用戶心中認知

5G時代下，如何引導(dǎo)并改變智能化的家具在用戶心中的地位，樹立正確認知。
03

提升用戶體驗

在提升用戶體驗同時，還需聚焦產(chǎn)品核心和兼顧商業(yè)轉(zhuǎn)化。
05

摒除冰冷的展示方式

如何摒除冰冷的展示方式，將科技有溫度地呈現(xiàn)，且被用戶所記憶。

方案

02

心理學(xué)CBT的模型

將設(shè)計理論結(jié)合心理學(xué)CBT的模型，從行為、看法、感受三個層面出發(fā)進行設(shè)計，深挖目標用戶的使用動機，通過多維度設(shè)計讓訪客樹立正確的產(chǎn)品認知。
04

你想要的，給你更多

基于用戶體驗的基礎(chǔ)上，將抽象的用戶動機，具像成設(shè)計機會點，以達到網(wǎng)站改版預(yù)期。
06

追求細節(jié)體驗，實現(xiàn)差異化

著重于產(chǎn)品的細節(jié)體驗，通過訪客行為分析，提煉出核心內(nèi)容，借力視覺呈現(xiàn)和交互創(chuàng)意，最終達成展現(xiàn)方式差異化的目標。

方法論

通過“CBT理論”幫助云米
在海外市場進行宣傳推廣，
以及提升品牌形象和客戶體驗。

什么是CBT？

認知行為治療 (cognitive behaviour therapy) 是由Aaron T.Beck在60年代發(fā)展出的一種關(guān)于認知取向的心理治療方法，主要通過對情緒、想法和行為的矯正，改變?nèi)藗儾缓侠淼恼J知。這個策略是在于幫助當(dāng)事人重新評估自己正面的行為和情緒反應(yīng)，發(fā)現(xiàn)自己對事物片面的錯誤認知和消極的態(tài)度。它的核心價值是對人的“認知重構(gòu)”的一個過程。

為什么選擇CBT？

“看法”、“行為”、“感受”，這三點正好對應(yīng)著用戶瀏覽網(wǎng)站時交互體驗的心理：用戶通過“看法”獲得信息、通過“行為”操作功能、通過“感受”形成心智。它非常契合我們在做設(shè)計時，以用戶訴求為導(dǎo)向來制定設(shè)計目標，同時針對業(yè)務(wù)目標進行需求拆解，從而實現(xiàn)設(shè)計價值和業(yè)務(wù)增長。

CBT模型

應(yīng)用于網(wǎng)站設(shè)計

我們首先明確目標用戶、業(yè)務(wù)場景和用戶動機，為后續(xù)的設(shè)計提供明確導(dǎo)向。再根據(jù)CBT模型中的三要素：行為、看法、感受，搭建一個設(shè)計矩陣，將抽象的用戶動機，具像成設(shè)計機會點。再結(jié)合所得的內(nèi)容輸出具體設(shè)計方案。

讓用戶行為感知一致

根據(jù)前期調(diào)研分析和素材整合，我們通過頁面的微交互、產(chǎn)品細節(jié)、原理的動態(tài)呈現(xiàn)、產(chǎn)品頁框架、布局等方向，給訪客提供高效的服務(wù)體驗，確保行為與感知的一致。

NO.1

頁面切換的微交互，邁入5G時代

我們設(shè)計了一個專門的展示頁面，來呈現(xiàn)云米的核心——5G家庭物聯(lián)網(wǎng)。通過占滿屏幕的
“5G loT”，將云米家具智能化戰(zhàn)略斬釘截鐵的告知訪客。

對云米沒有充分了解的訪客或許會想：“5G loT”是什么意思？這個設(shè)計不僅可以迅速吸引訪
客的眼球，更能挑起訪客繼續(xù)向下探索的好奇心。

讓訪客在

產(chǎn)品體驗上身臨其境

在沉浸感的設(shè)計中融入圖片、視頻，將產(chǎn)品的操作、狀態(tài)可視化，這些具象的形式可以讓訪客快速理解。

當(dāng)我們?yōu)樵O(shè)計的結(jié)構(gòu)化而努力的時候，
需要留意那些讓產(chǎn)品與眾不同的細節(jié)，
即使是最細微的細節(jié)，也能左右訪客的行為，
讓行為與感知的一致，傳遞品牌形象展示核心。

增長超人產(chǎn)品經(jīng)理

通過視覺影響感受和行為

隨著產(chǎn)品服務(wù)得體驗不斷升級，視覺風(fēng)格也需要跟上腳步。我們通過用視覺元素、色調(diào)等吸引眼球的方式，引導(dǎo)吸引點擊，告知客戶應(yīng)該完成什么操作可以得到什么結(jié)果，提供收益確認性的反饋。

———— How we think

深色調(diào)的黑暗模式，目的是希望使用者更加專注自己的操作任務(wù)，那么用戶的視線就首先要被吸引過來。所以說深色更容易讓人關(guān)注，能使訪客的視覺進入快速沉浸式的體驗?zāi)Ｊ健?

我們對產(chǎn)品實力的呈現(xiàn)，也運營這種能使用戶聚焦的手法，在解決用戶心中疑惑的同時，多方面地展示了云米在市場上領(lǐng)先的地位，簡單明了地證明了云米能夠?qū)崿F(xiàn)5G時代家庭智能化技術(shù)的強大實力。

感官的沉浸左右訪客情緒

感受則需要我們對訪客情緒上的引導(dǎo)，來達成認知的一致，這會影響訪客的行為和看法。我們通過考量用戶習(xí)慣、產(chǎn)品調(diào)性等，建立用戶可感知的整體產(chǎn)品形態(tài)，通過感官沉浸，以確保用戶認知的一致性。

感官體驗

符合不同用戶的
使用習(xí)慣，高效、
愉悅

認知體驗

業(yè)務(wù)流程，
產(chǎn)品方案設(shè)計為
可視化圖形

用戶被吸引往往是置身于某一種場景之中，場景的設(shè)計代入感很強，這是感官和認知相結(jié)合在一起的體驗形式。
身臨其境也就是所謂的沉浸感。在《設(shè)計的法則》一書中，對沉浸的解釋應(yīng)用的是心流理論，簡而言之是利用人的感官體驗和認知體驗，營造氛圍讓參與者享受某種狀態(tài)。