怎么_讓引導頁不再是無用小透明?

發布時間:2017-06-13 14:00 來源:互聯網 當前欄目:網頁設計教程

   以為引導頁的存在僅僅是簡單的新功能羅列?那就大錯特錯了,優秀的引導頁不僅能幫助用戶認知產品,打造品牌,甚至能產生情感共鳴。如何一步步做到這3個要求?接下來騰訊的同學通過一些案例并結合來電的引導來告訴你如何煉成人見人愛的好引導。

怎么讓引導頁不再是無用小透明? 電腦高手

  前言

  在接觸一款新應用的時候用戶常常會看到一些引導頁,但在操作的時候直接當透明的就快速滑過或跳過了,這種時候,大家一定會有“這些引導好無用啊”的無力感,目前甚至有著“如果一個產品需要引導,說明該產品缺乏友好的元素”這樣的說法,看似有理,但我覺得這并不能一概而論,在不少的app中,除了引導用戶操作,引導還影響用戶對產品第一印象的好壞,只要這引導設計得好,人見人愛之余,還對整個app中的體驗感受能起到巨大作用!“來電”是一款基于語音溝通的應用,作為一款不斷探索并創新的應用,也有不少需要用到引導的地方,接下來我們通過一些案例并結合來電的引導來告訴你如何煉成人見人愛的好引導。

  好的APP引導是怎樣的?

  現在,引導的種類形式隨著硬件和系統的拓寬有了更多的表現空間,引導頁、缺省引導、視頻引導、H5引導等都能起到引導用戶認識或者使用新應用的作用。一方面從產品的角度考慮,產品希望用戶能夠方便得理解產品的特性,減少對產品的陌生感;另一方面,從用戶角度來看,一個應用里好的引導不僅能使他們對一個應用有好感,也可能更容易得留住他們。但不論什么形式的引導,好的引導都能夠讓用戶對產品有一定的認知并拉近用戶與產品的聯系,通過對不少做得好的引導(這里主要討論的是頁面形式的引導和H5)進行分析,我們發現大家喜歡的app引導都會有一些共性,通過歸總提煉,得出以下幾個用戶看了都喜歡的原則:

  通俗易懂

  一個APP的引導不論什么類型,它們的目的都是為了讓用戶更好得去使用APP,就好比一個貼心的管家或者朋友,給你介紹或者教你使用一個新事物,減低認知和摸索學習的門檻。但如果這個朋友說得太多太雜,你可能就會記不住他說了什么;而如果這個朋友為了想更凸顯這個新事物的逼格而形容得“深不可測”(自嗨型引導),那么就很可能讓你因為聽不懂而失去興趣了解下去。簡單不復雜、信息表達通俗易懂的引導可以讓用戶抓取到我們想傳達的信息并更容易理解APP的特性或操作,比如以下的案例:

怎么讓引導不再是無用小透明?

  界面來自Dropbox

  Dropbox的缺省引導是我比較喜歡的一組引導,在用戶一開始使用這個app的時候,通過在初始缺省頁(空白頁)上結合操作去引導用戶,大大避免了一進去空空如也的尷尬感。而且這組引導的文案不是生硬的功能講解,而是通過一些通俗易懂的語句配合與之相對應有趣的圖示傳達相關的的信息,讓用戶在看和操作的過程中感受輕松,而且這套引導整體風格都保持一致,讓人對產品印象穩固起來,倍顯親和。

  具有一致性

  好的引導在多個方面都是具有一致性的。視覺風格的塑造、表達的產品理念和產品特點都應該和它所屬的產品、定位與品牌相符合,這樣用戶在使用產品的時候就會對產品有一個大致的基調認識和感受。產品的定位會決定引導的方向和路線,以及最終引導的表現形式上,所以引導是最能體現產品基調和品牌性的地方。引導的一致性除了保證了產品與使用體驗相互一致,同時也能進一步強化用戶對產品的認知以及延續品牌印象。如下例:

  • 1、
  • 2、
  • 3、
  • 4、
  • 5、
  • 6、
  • 7、
  • 8、
  • 9、
  • 10、
  • 11、
  • 12、
  • 13、
  • 14、
  • 15、
  • 16、
  • 17、
  • 18、
  • 19、
  • 20、
  • 21、
  • 22、
  • 23、
  • 24、
  • 25、
  • 1、
  • 2、
  • 3、
  • 4、
  • 5、
  • 6、
  • 7、
  • 8、
  • 9、
  • 10、
  • 11、
  • 12、
  • 13、
  • 14、
  • 15、
  • 16、
  • 17、
  • 18、
  • 19、
  • 20、
  • 21、
  • 22、
  • 23、
  • 24、
  • 25、