O2O設計思考！“走出屏幕”的體驗

 

　　O2O設計因其使用場景和方式的不同，與一般設計相比會更注重功能與時效性，需要提供簡潔直觀，快速響應的用戶界面。

　　注：O2O即Online to Offline，指線上線下的電子商務，主要指在線上交易線下享受產品或服務的一種商業模式。

　　近期有幸參與一些O2O項目的設計，在線下也對”C(用戶)”及”B(商家)”進行了走訪，引發了筆者對”走出屏幕”體驗的一些設計思考。

　　一.前期分析

　　QQ手機版中的”生活優惠”功能是針對大眾消費市場推出的優惠打折信息服務平台，主要以餐飲信息為主。

　　QQ手機版生活優惠

　　在對整體設計進行構思前，我們先對B商家和C用戶進行了簡單的分析：

　　1. B商家

　　為什麼B商家要做優惠?主要是兩方面原因：一是吸引客源，二是更好的提供店鋪內增值服務(例如會員、折扣推廣等)。

　　為什麼B商家要選擇O2O營銷模式?愈演愈烈的移動浪潮悄然改變著人們的生活方式，利用互聯網的優勢，線上營銷帶動線下消費，為傳統行業增加價值。

　　通過和用研同事的線下走訪，我們發現B商家線下門店的一些共通點：

　　1)一般都有自身優惠宣傳介紹，如新品8折、優惠套餐、工作日優惠等。

　　2)同類競品物料宣傳琳琅滿目，如銀行卡、信用卡、商圈會員卡的優惠信息等。

　　基於此，線下門店物料設計要考慮的兩個問題：

　　目標：如何吸引C用戶?

　　環境：在人員流動頻繁，環境嘈雜之下，如何讓設計更高效?

　　2. C用戶

　　要如何吸引用戶、使設計更高效，我們從用戶的角度進行了分析：

　　1)“黃金2秒”法則：在碎片式和目標性很強的戶外環境中，用戶一眼掃過商家海報，停留時間短短1到2秒。這就要求宣傳內容要緊緊抓住用戶消費的行為心理，如突出優惠字眼，幾折、現價與原價的對比、滿多少送多少等，同時多用美圖來吸引用戶眼球。

　　2) 品牌識別性：類似競品宣傳滿天飛，如何讓用戶一眼掃過就知道這是QQ生活優惠的並留下品牌記憶。我們可以從物料設計的統一性入手，如宣傳物料模版化，視覺風格統一，B商家和生活優惠LOGO規范化等。

　　3) 二維碼：線上線下互動的橋梁，實際使用中常遇到掃碼位置大小不合適，或二維碼設計過度導致掃碼失敗的案例(如下圖示)。

　　二維碼設計需要注意下面兩點：

　　a.中國成年男性平均身高169cm，女性158cm。二維碼要放置在人在常態使用手機、方便掃描的區域。

　　b.現有技術條件下，二維碼的容錯要控制在30%以內，再考慮到打印材料，戶外環境光線，反光等因素，容錯比例最好保證在這個之下。

　　3.網絡狀況

　　看到給力優惠，打開界面卻永遠在loading，因為網絡狀況而導致不能使用，這是一個讓人非常掃興的經歷。如何優化避免類似情況，除了做後台性能的優化外，設計也可以從以下方面入手：

　　1)3G網絡可優先加載文字後圖片，條件允許情況下2G也可單獨處理一套;

　　2)多用純色和輕質感的設計手法，減少太花哨的效果，用可循環紋理等來控制切圖的大小。

　　二.模版設計

　　“走出屏幕”看設計，對B商家、C用戶和網絡狀況進行簡單的分析後，我們對O2O的設計也有更全面和深刻的解讀，除了考慮各種綜合因素，我們更要抓住O2O設計核心理念——直指人心。

　　“走出屏幕”再”走進屏幕”，設計的解讀會更加的形象和立體。以下是生活優惠兩個設計模版框架的輸出：

　　1.B商家運營活動線下設計模版

　　主要擺放位置是商家的店門口，故需要規范整體布局，突出主優惠信息。

　　2.移動端運營設計模版

　　主要考慮手機端展示位置比較小，通過主次內容的梳理來提高信息傳播效率。

　　除了以上的分析，其實我們對B商家和C用戶的挖掘還有待深入，還有很多點也是我們正在努力學習和改進的地方。

　　做O2O項目最大的感觸，我們應該”走出屏幕”，多去線下體驗，更了解我們的商家，更了解我們的用戶，更立體的解讀自己設計的產品。不管是O2O，還是移動端的其他設計，我們都不僅要問”什麼是好的設計”，更應該多站在用戶的角度問問自己”什麼是有價值的設計”!

        注：更多精彩教程請關注三聯網頁設計教程 欄目，