萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 2015移動設計:怎麼設計移動應用的新手引導更好?

2015移動設計:怎麼設計移動應用的新手引導更好?

   鑒於這些往往是用戶進行交互的第一組屏幕,他們還設置了用戶的應用程序的預期。因此 ,在其中起著至關重要的是那些參與開發APP的人——產品經理、設計師、開發人員——會花時間評估APP的引導頁面是否必要,如果是必要的,那麼就要很好的實現它。

  在這篇文章中,我們將提供一些好的建議以及資源,常見的設計方法來幫助你提升新手引導頁面的用戶體驗。

  •是否要提供引導頁面

  •近年來,我們看到很多討論引導頁面在移動應用的有效性。對引導頁面一個流行的討論是,應用程序是否需要?是否存在根本性的缺陷?是否具備簡單和用戶友好性的基本元素?

  數字設計有很多規則和實例,這些東西都是很好的。這些規則保證了設計人員和開發人員在開發產品時無需自己摸索方向。更重要的是,他們保證了用戶在使用一款新的APP時避免了不必要的壓力;相反,他們可以放心知道編輯功能將由一個鉛筆圖標表示,“大拇指”圖標則表示“點贊“。所以,規則對設計師有很多的指導作用。

  但事實是,每款APP都是獨特的,如何去使用,以及和人使用,這些差異在一定情況下使指導造就了可靠,務實,用戶友好的特性,讓我們一起來觀察一下案例。

  案例1:交互模糊

  如果你開發的APP交互方式與大部分用戶之前接觸的交互方式有所不同—尤其是手勢操作,那指導頁面就起著重要的作用。手勢操作類型的APP,目前仍處於實驗和探索階段,比如,開發者需要指導用戶如何與App進行交互,清楚地展示每個手勢及其相應的功能。例如,時鐘軟件Timely,在屏幕指定的位置可以通過上下滑動來增減時間。

2015移動設計:怎麼設計移動應用的新手引導更好? 三聯

  Timely通過預先告訴用戶手勢來達到預期結果

  案例2:空白陳述

  如果一款APP沒有多余的文字陳述,則會讓用戶通過一個或多個步驟用文字去填充它,指導頁面也適用這種方式。盡管引導過程僅僅是一個步驟,卻能讓用戶對他們所做的事感到放心,不用擔心點錯東西。

  Feedly向用戶展示了如何去檢索第一部分內容

  案例3:系列產品

  如果你的APP是系列產品,也就是說有桌面端和網頁端,那麼引導頁將能對提升用戶的體驗起到非常重要的作用,尤其是你的手機端APP沒有其他版本的全部功能。這點在復雜的商業APP中尤為重要,許多這樣的APP扮演者眾多用戶角色,包括每一個特定的訪問權限和安全機制。

  通常網頁端和桌面端都支持全部的功能,例如如創建,查看,編輯和刪除內容,然而移動端將限制這些功能,只能進行查看。在許多案例中,一個簡單的陳述將可以幫助用戶更好地使用他們的APP。

  案例4:個人信息

  如果你的APP依賴於個人信息,如年齡,性別,體重,婚姻狀況等,那麼收集和儲存這些信息在引導頁上。一步一步地引導用戶目的是讓他們可以清晰地了解你所要展示的內容,並且確保用戶可以隨時改變他們的個人信息(通常是在設置頁面)

  Fitbit告訴用戶個人信息的重要性

  盡管你的APP沒有符合以上案例,你的用戶通過引導頁的指導仍然可以適應。記住一點,用戶與產品的互動至少要讓他們明白產品的好處。你可以將這些信息在引導頁上展示,後面我們將會討論功能引導頁的作用。

  當然,我們的職責就是設計出直觀,易於使用的產品。然而我們不應該忽略引導頁對用戶所提供的價值,這將使體驗變得更有趣。

  使用那種引導方式?

  這是最常見的三種方式:

  1. 優勢指向引導

  2. 功能指向引導

  3. 逐步引導

  我們一起來看看每一種方式使用時的一些法則

  方式1:優勢指向引導

  這不言自明,將APP的最好的地方展現給用戶,依據以下一種或多種方式與用戶進行交流:

  1. 這款APP的用途是什麼?

  2. 用戶如何將它們整合到生活中?

  3. 用戶為什麼要將它們整合到生活中?

  Evernote Food清晰地向用戶展現使用這款APP的好處

  當使用這種方式時需考慮以下幾種准則:

  1.顯示三條信息為最合適

  這個數字並不是基於科學理論,而是因為重點是要讓用戶快速了解這款APP,“三條”最為合適(不包括屏幕標題)。這種方式可以讓用戶對這款APP快速上手而不會因為信息的繁雜而感到疲累。

  2.應用“一個滑動手勢,一個概念”的規則。

  回想一下你所保留的大部分所要陳述的信息,一個清晰的滑動手勢,集中信息可能更讓人記得牢。同樣是應用引導頁面。“一個滑動手勢,一個概念”規則將有助於用戶集中和消化信息的每個細節。向用戶傳達太多的消息將會增添他們對你所要傳達的重要信息的視覺疲憊。

  劃分優先級

  不要過分去炫耀你的APP有多酷,應該關注用戶的數據和提醒自己用戶的真正需求和所有可能要面臨的問題。然後,尋找可以解決的方法通過引導回答他們。

  語言一致性

  Evernote Food,前面有提過,使用動詞來達到快速吸引和交流的效果。這種方法是有效的,高效和簡潔。如果你能濃縮成幾個高效能的動詞或者形容詞,那麼一兩個句子就足夠了。必須堅持用這種方法。一句有效、一致的表達,無論實在視覺上還是專業術語上都能吸引用戶和提高用戶的體驗。

  NYT Now使用簡潔,明了的陳述展現它的好處和價值

  登陸,注冊前先引導

  因為引導頁面意味著對整款APP的全局觀覽,所以把它放在注冊和訂閱服務頁面的前面。一旦他們決定訂閱,那用戶已經做好體驗這款APP的准備,提醒他們這款APP的好處就變得無關緊要了。

  保持簡潔

  也許你會疑惑,引導頁面是否真的必要。究竟是否應該在應用商店裡提及這些?無需這樣做,應用商店的描述只是APP的類型,大小。而引導頁面必須簡短,因此,焦點必須是重要的內容。除此之外,很多人跳過應用商店的描述,直接去下載體驗。所以,在用戶首次打開APP時,一個簡單的說明能幫助用戶整體上了解APP的功能。

  注意事項:

  Readability 是一款很實用的APP,遺憾的是有很多明顯的問題,這點在Android平台上尤為突出:

  1.不一致性。

  2.用戶必須去消化多達七個幻燈片所展示的信息。

  對於一些信息較長的幻燈片,例如,關於介紹分享功能的幻燈片可以用一個簡單的分享圖標取代文字介紹。

  4. 一個鼓勵用戶去安裝Firefox插件的幻燈片是多余

copyright © 萬盛學電腦網 all rights reserved