寶雞網站建設:設計更受歡迎的引導頁 |
作者:寶雞網絡公司 發布時間:2015-02-02 瀏覽:1962次 |
迎客入門,該大方熱情還是謙卑有序?是張燈結彩還是樸素平常?對于引導頁來說,這都得看產品的調性。今天分享一篇好文,針對不同類型的軟件,提出切實可行的具體建議,是引導頁設計不可多得的好教程,趕緊來學習吧! 當你第一次打開一款應用的時候常常會看到精美的引導頁設計,它們在你未使用產品之前提前告知你產品的主要功能與特點,第一次印象的好壞會極大地影響到后續的產品使用體驗。因此各個公司都在努力將這幾個頁面設計好,從一開始就引人入勝。那接下來我跟大家一起來探討關于引導頁的設計。 一、 目的區分 根據引導頁的目的、出發點不同,可以將其分為功能介紹類、使用說明類、推廣類、問題解決類,一般引導頁不會超過5頁。 1. 功能介紹類 功能介紹類引導頁主要是對產品的主要功能進行展示,讓用戶對產品主功能有一個大致的了解。采用的形式大多以文字配合界面、插圖的方式來展現。 以易信為例,采用文字與水彩插圖結合的方式,文字分為2個層次,大標題與小標題,大標題是對主功能的概括,小文字是對其功能模塊的詳細描述或進一步補充說明。 2. 使用說明類 使用說明類引導頁是對用戶在使用產品過程中可能會遇到的困難、不清楚的操作、誤解的操作行為進行提前告知。這類引導頁大多采用箭頭、圓圈進行標識,以手繪風格為主。以蝦米音樂的引導頁為例,對于較難發現的播放隊列、歌詞的操作方式進行的箭頭引導來說明。 3. 推廣類 推廣類引導頁除了有一些產品功能的介紹外,更多是想傳達產品的態度,讓用戶更明白這個產品的情懷,并考慮與整個產品風格、公司形象相一致。這一類的引導頁如果做的不夠吸引人,用戶只會不耐煩地想快速劃過。而制作精良、有趣的引導頁,用戶會駐足觀賞。 以淘寶旅行為例,淘寶旅行通過清新、生活化場景的插圖營造產品是一款樂享生活、跟著感覺走的出行應用,在你出行前就幫你計劃好所有的行程安排,只要一個行李箱,說走就走,與產品的理念相契合。而另外一款應用,選用恬靜、安逸的照片配以簡潔的文字來渲染產品的基調。 4. 問題解決類 問題解決類通過描述在實際生活中會遇到的問題,直擊痛點,通過最后的解決方案讓用戶產生情感上的聯系,讓用戶對產品產生好感,增加產品粘度。例如QQ瀏覽器的引導頁設計,通過形象的插圖直接明了地說明了QQ瀏覽器解決了其他瀏覽器所遇到的問題(搜不到小說、看小說花錢、小說更新需要等)。 二、表現方式 1. 文字與界面組合 這是最常見的引導頁面,簡短的文字+該功能的界面,主要是運用在功能介紹類與使用說明類引導頁。這種方式能較為直接地傳達產品的主要功能,缺點在與過于模式化,顯得千篇一律。 2. 文字與插圖組合 文字與插圖的組合方式也是目前常見的形式之一。插圖多具象,以使用場景、照片為主,來表現文字內容。 3. 動態效果與音樂 除了靜態頁面外,開始流行具有動態效果的頁面。在單個頁面采用動畫的形式,考慮好各個組件的先后快慢,打破原有的沉寂,讓頁面動起來。同時結合動效可以考慮頁面間切換的方式,將默認的左右滑動改為上下滑動或過幾秒自動切換到下一頁。在瀏覽引導頁的時候,可以試著加入一些與動效節奏相符合的音樂,會是一種更加新穎的方式。 |