O2O設(shè)計(jì)與一般設(shè)計(jì)相比,由于使用場(chǎng)景和方式不同,更加注重功能和時(shí)效性,需要提供簡(jiǎn)單、直觀、快速響應(yīng)的用戶界面。最近有幸參與了一些O2O項(xiàng)目的設(shè)計(jì),也線下訪問(wèn)了“C(用戶)”和“B(商家)”,引發(fā)了作者“走出屏幕”體驗(yàn)的一些設(shè)計(jì)思考。首先說(shuō)明O2O是什么。O2O的意思是線上到線下,是指線上和線下的電子商務(wù),主要是指一種線上和線下享受產(chǎn)品或服務(wù)的商業(yè)模式。然后,具體細(xì)節(jié)再說(shuō)吧。
一、設(shè)計(jì)前分析
QQ手機(jī)版中的“生活優(yōu)惠”功能是針對(duì)大眾消費(fèi)市場(chǎng)推出的優(yōu)惠打折信息服務(wù)平臺(tái),主要以餐飲信息為主。在對(duì)整體設(shè)計(jì)進(jìn)行構(gòu)思前,我們先對(duì)B商家和C用戶進(jìn)行了簡(jiǎn)單的分析:QQ手機(jī)中的“生活折扣”功能是面向大眾消費(fèi)市場(chǎng)的折扣信息服務(wù)平臺(tái),以餐飲信息為主。在構(gòu)思整體設(shè)計(jì)之前,我們先對(duì)B商家和C用戶做了簡(jiǎn)單的分析:
1。b商戶
b商家為什么要打折?主要有兩個(gè)原因:一是為了吸引客戶,二是為了在門店提供更好的增值服務(wù)(比如會(huì)員和打折促銷等)。).B商家為什么選擇O2O營(yíng)銷模式?不斷增長(zhǎng)的移動(dòng)浪潮悄悄地改變了人們的生活方式。網(wǎng)絡(luò)營(yíng)銷利用互聯(lián)網(wǎng),帶動(dòng)線下消費(fèi),為傳統(tǒng)行業(yè)增值。
通過(guò)與研究所同事的線下走訪,我們發(fā)現(xiàn)了B商家線下店鋪的一些共同點(diǎn):
1)一般都有自己的優(yōu)惠宣傳和介紹,比如新產(chǎn)品八折優(yōu)惠套餐工作日優(yōu)惠等。
2)同類競(jìng)品資料宣傳眼花繚亂,銀行卡、信用卡、商圈會(huì)員卡等優(yōu)惠信息?;诖耍€下店鋪的材料設(shè)計(jì)要考慮兩個(gè)問(wèn)題:
目標(biāo):如何吸引C用戶?
環(huán)境:在人流頻繁,環(huán)境嘈雜的情況下,如何讓設(shè)計(jì)更有效率?
2。c用戶
如何吸引用戶,使設(shè)計(jì)更有效率,從用戶的角度分析:
1)“黃金2秒”規(guī)則:在碎片化、針對(duì)性強(qiáng)的戶外環(huán)境中,用戶掃一眼商家的海報(bào),停留時(shí)間只有1到2秒。這就要求宣傳內(nèi)容要牢牢把握用戶的行為心理,比如突出優(yōu)惠詞、折扣、現(xiàn)價(jià)與原價(jià)對(duì)比、送多少錢等。,同時(shí),應(yīng)該使用更漂亮的圖片來(lái)吸引用戶的注意力。
2)品牌可識(shí)別性:類似于競(jìng)爭(zhēng)產(chǎn)品,宣傳滿天飛。如何讓用戶知道這是一個(gè)QQ生活折扣,并留下品牌記憶。可以從材料設(shè)計(jì)的統(tǒng)一入手,如宣傳材料模板、統(tǒng)一視覺(jué)風(fēng)格、規(guī)范B商家LOGO、生活優(yōu)惠等。
3)二維碼:線上線下互動(dòng)的橋梁。在實(shí)際使用中,經(jīng)常會(huì)遇到掃描位置尺寸不合適,或者二維碼的設(shè)計(jì)導(dǎo)致掃描碼失效的情況(如下圖)。
3。二維碼設(shè)計(jì)需要注意以下兩點(diǎn):
A.中國(guó)成年男性平均身高169厘米,女性平均身高158厘米。二維碼應(yīng)該放在人們正常使用手機(jī)的區(qū)域,便于掃描。
B.在現(xiàn)有技術(shù)條件下,二維碼的容錯(cuò)應(yīng)控制在30%以內(nèi),考慮印刷材料、室外環(huán)境光、光反射等因素,容錯(cuò)率應(yīng)保證在此以下。
4。網(wǎng)絡(luò)狀態(tài)
看到牛逼的優(yōu)惠,打開(kāi)界面總是在加載,而且因?yàn)榫W(wǎng)絡(luò)條件的原因無(wú)法使用,這是一個(gè)非常令人失望的體驗(yàn)。如何優(yōu)化避免類似情況,除了優(yōu)化后臺(tái)性能,設(shè)計(jì)還可以從以下幾個(gè)方面入手:
1)3G網(wǎng)絡(luò)可以優(yōu)先加載圖片后加載文字,2G可以在條件允許的情況下單獨(dú)處理一套;
2)使用純色和淺色紋理設(shè)計(jì)技術(shù)來(lái)減少花式效果,使用可回收紋理來(lái)控制切割圖像的大小。
二.模板設(shè)計(jì)
看著“出屏”的設(shè)計(jì),在簡(jiǎn)單分析了B商家、C用戶和網(wǎng)絡(luò)條件之后,我們也對(duì)O2O設(shè)計(jì)有了更全面更深刻的解讀。除了考慮各種綜合因素,還要把握O2O設(shè)計(jì)的核心理念——直指人心。
“走出屏幕”和“走進(jìn)屏幕”,對(duì)設(shè)計(jì)的解讀會(huì)更加生動(dòng)立體。以下是生活折扣的兩個(gè)設(shè)計(jì)模板框架輸出:主要擺放位置是商家的店門,需要規(guī)范整體布局,突出主要折扣信息。
移動(dòng)終端操作設(shè)計(jì)模板。主要考慮的是手機(jī)上的顯示位置比較小,通過(guò)主次內(nèi)容的梳理來(lái)提高信息傳播的效率。除了以上分析,其實(shí)還需要深入挖掘B商家和C用戶,還有很多點(diǎn)是我們?cè)谂W(xué)習(xí)和提高的。做O2O項(xiàng)目最大的感受就是要“走出屏幕”,多線下體驗(yàn),更了解自己的業(yè)務(wù),更了解自己的用戶,更立體的解讀自己的產(chǎn)品。無(wú)論是O2O還是移動(dòng)端的其他設(shè)計(jì),我們不僅要問(wèn)“什么是好的設(shè)計(jì)”,還要從用戶的角度問(wèn)自己“什么是有價(jià)值的設(shè)計(jì)”!