第一門戶首頁

尼姆v雷恩:

不做交互你也配說是H5作品?

更新時間:2015年12月26日 作者: 人氣: 【字體: 收藏 打印文章

尼姆计划{#S+_}{\ www.zmuupt.com.cn 很多PPT做得還不錯的H5新手容易意淫——我PPT做得好,我用PPT的思路就可以把H5做好——誠然在動效設計上,PPT老手有一定優勢,但是這類H5往往存在著用戶自發轉發率較低的問題,我們這里拋開營銷和投放的因素不談,那么問題到底出現在哪里?

首先,從內容上來講,展示類的H5往往帶有比較強烈的主觀性,其中的話題也缺乏足夠的趣味性,在iebook之前的文章中,我們多次強調過H5的綜合感官體驗十分重要,優秀的H5利用的各種藝術形式不需要很極致,不少廣為流傳的H5在單一藝術表現上僅為一般水平,但是H5最后的整體體驗要非常好,只有將視覺(設計)、聽覺(音樂)、觸覺(交互)融為一體的H5才具備吸引力。

我們談交互設計,那么到底什么是交互設計?

交互設計是指設計人和產品或服務互動的一種機制,以用戶體驗為基礎進行的人機交互設計要考慮用戶的背景、使用經驗以及在操作過程中的感受,從而設計符合最終用戶的產品,使得最終用戶在使用產品時愉悅、符合自己的邏輯、有效完成并且是高效使用產品。

而人機交互說的通俗直白一點就是你的每一步操作,你的設備會對應做出怎樣的反應。

最近行業內涌現出的一批測試類H5以其較高的趣味性和良好的交互性受到越來越多用戶的青睞。今天我們就來看下測試類H5究竟如何尋求靈感和差異性。

這個案例以現代社會由于科技的飛速發展造成人們的“懶”為切入點,以QQ瀏覽器的宣傳和推廣為最終訴求,精心選擇了五道與產品特性高度相關的題目,話題十分貼近生活,并且從結尾的產品宣傳視頻中可以看出題目設置的巧妙之處。

題目的設置屬于隨機類型,即:無對錯的反饋,最終給出判斷結果,答題過程流暢自然,并且搭配觸發選項后出現的搞怪音效,讓用戶感覺到趣味盎然。這種類型的題目要注意題目數量要控制到足夠少,題數過多很容易造成用戶的煩躁心理。

題目的設置屬于隨機類型,即:無對錯的反饋,最終給出判斷結果,答題過程流暢自然,并且搭配觸發選項后出現的搞怪音效,讓用戶感覺到趣味盎然。這種類型的題目要注意題目數量要控制到足夠少,題數過多很容易造成用戶的煩躁心理。

這個案例以用戶對導演姜文的了解程度為切入點,以大眾點評的宣傳和推廣為最終訴求,精心選擇了六個姜文電影作品中的經典場景,搭配了精美的設計和讓人嘆為觀止的動效,趣味性十足,我們今天不談H5的設計和動效,只看相關的交互。

題目的設置屬于即時反饋類型,由于題目的性質及選項之間非此即彼的關系,作出選擇點擊“接著往下走”就提示對錯,并且不能反悔更改。在交互上:由于選項之間距離很近,在你作出點擊的動作時,會出現一條綠色的橫線幫助用戶確定其選擇,防止誤觸造成不愉快的用戶體驗,值得我們借鑒,在交互上對用戶確定的選擇要有明確的反饋,可以通過改變顏色、透明度、改變選項面積、添加輔助線等方式來實現。

過以上案例分析,iebook超級精靈在這里總結出幾點對于制作測試類H5來說比較重要的建議。

控制題量

對于點擊選項即翻頁的H5來說五至十題為宜,對于設置了翻頁組件的H5,盡量控制在五題左右。不過如果你的題目設置得足夠精彩,可以適當增加,沒有絕對的標準。

標明題號

不是標1、2、3等,而是要標1/5,3/10這樣可以表明整體進度的題號。曾經小編遇到過一份三十多題的測試類H5,還沒有標明進度的題號,答得非常痛苦。如果不想添加這樣的題號,在頁面中添加答題進度條,減少用戶焦躁的心理。

提煉文案

每一道題務必精挑細選,盡量通過較少的題目圍繞主題進行展開。注意每題的選項在內容上要具有足夠的區分度,不要出現模棱兩可的情況,不要出現多選的題目,以免用戶困惑。如果題目相對較多,注意出題順序保證一定的誘導性。最后的判斷結果同樣需要仔細斟酌,盡量以比較活潑有趣的文字給用戶一個答題結果。結果頁同樣是你可以直接表明最終訴求的頁面,產品的宣傳海報,logo,slogan等均要在這一頁上展現,重要程度可想而知。

注重交互

合理的觸發交互可以采?。?/p>

1.點擊選項直接跳轉頁面,優點是迅速直接,單個頁面停留時間短,如果題量適當,整個測試短時間內就能完成。缺點是若觸發區域過小,并且觸發反饋不明顯,易造成誤觸現象,影響整個H5的體驗。

2.頁面內設置跳轉組件,如“下一步”“繼續測試”等,優點是給用戶修改選項的機會,避免點擊之后突然切換的突兀感。缺點是單個頁面停留時間長,無論是靜態設計還是動效設計,對細節部分要更加講究,一般來說,當用戶發現選項可以更改時,往往會嘗試點擊不同選項,如果此時頁面內對應出現不同的反饋,會給用戶帶來愉悅的感受,但會顯著增加整個H5的工作量及制作周期。

在完成這種測試類H5的制作后,上線前一定要做上線測試,往往制作者會陷入到自己的邏輯中,只關注題目的內容,難以發現題目在交互上的不合理之處,此時往往更需要普通用戶對其進行體驗,制作者通過用戶反饋及時進行調整。

上一篇:等也是一種享受,loading動畫欣賞下一篇:端午節放假

資訊中心 案例中心 素材中心 iebook下載 電子雜志下載 電子雜志在線閱讀 手機電子雜志 iebook教程

Copyright?2003-2013 01w.com All Rights Reserved 版權所有 飛天集團/印功夫門戶 粵增值電信業務經營許可證:粵B2-20090168 備案號:粵ICP備09014417號

法律顧問:廣信律師事務所 劉東栓律師;律師執業證號:14401199910499379

iebook在線客服