當前位置:首頁>ps入門教程>ps基礎教程>設計知識>教程內(nèi)容

設計趨勢!2015移動設計趨勢,怎么設計移動應用的新手引導更好?

來源:Germaine Satia 作者:BESD設計實驗室 學習:5249人次

  鑒于這些往往是用戶進行交互的第一組屏幕,他們還設置了用戶的應用程序的預期。因此 ,在其中起著至關重要的是那些參與開發(fā)APP的人——產(chǎn)品經(jīng)理、設計師、開發(fā)人員——會花時間評估APP的引導頁面是否必要,如果是必要的,那么就要很好的實現(xiàn)它。
  在這篇文章中,我們將提供一些好的建議以及資源,常見的設計方法來幫助你提升新手引導頁面的用戶體驗。
  ?是否要提供引導頁面
  ?近年來,我們看到很多討論引導頁面在移動應用的有效性。對引導頁面一個流行的討論是,應用程序是否需要?是否存在根本性的缺陷?是否具備簡單和用戶友好性的基本元素?
  數(shù)字設計有很多規(guī)則和實例,這些東西都是很好的。這些規(guī)則保證了設計人員和開發(fā)人員在開發(fā)產(chǎn)品時無需自己摸索方向。更重要的是,他們保證了用戶在使用一款新的APP時避免了不必要的壓力;相反,他們可以放心知道編輯功能將由一個鉛筆圖標表示,“大拇指”圖標則表示“點贊“。所以,規(guī)則對設計師有很多的指導作用。
  但事實是,每款APP都是獨特的,如何去使用,以及和人使用,這些差異在一定情況下使指導造就了可靠,務實,用戶友好的特性,讓我們一起來觀察一下案例。

案例1:交互模糊

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

 

設計趨勢!2015移動設計趨勢,怎么設計移動應用的新手引導更好?

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

 

案例2:空白陳述

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


設計趨勢!2015移動設計趨勢,怎么設計移動應用的新手引導更好?

Feedly向用戶展示了如何去檢索第一部分內(nèi)容

 

案例3:系列產(chǎn)品

  如果你的APP是系列產(chǎn)品,也就是說有桌面端和網(wǎng)頁端,那么引導頁將能對提升用戶的體驗起到非常重要的作用,尤其是你的手機端APP沒有其他版本的全部功能。這點在復雜的商業(yè)APP中尤為重要,許多這樣的APP扮演者眾多用戶角色,包括每一個特定的訪問權限和安全機制。
通常網(wǎng)頁端和桌面端都支持全部的功能,例如如創(chuàng)建,查看,編輯和刪除內(nèi)容,然而移動端將限制這些功能,只能進行查看。在許多案例中,一個簡單的陳述將可以幫助用戶更好地使用他們的APP。

 

案例4:個人信息

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


設計趨勢!2015移動設計趨勢,怎么設計移動應用的新手引導更好?

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

 

  盡管你的APP沒有符合以上案例,你的用戶通過引導頁的指導仍然可以適應。記住一點,用戶與產(chǎn)品的互動至少要讓他們明白產(chǎn)品的好處。你可以將這些信息在引導頁上展示,后面我們將會討論功能引導頁的作用。
  當然,我們的職責就是設計出直觀,易于使用的產(chǎn)品。然而我們不應該忽略引導頁對用戶所提供的價值,這將使體驗變得更有趣。

  使用那種引導方式?
  這是最常見的三種方式:
  1. 優(yōu)勢指向引導
  2. 功能指向引導
  3. 逐步引導
我們一起來看看每一種方式使用時的一些法則

方式1:優(yōu)勢指向引導

  這不言自明,將APP的最好的地方展現(xiàn)給用戶,依據(jù)以下一種或多種方式與用戶進行交流:
  1. 這款APP的用途是什么?
  2. 用戶如何將它們整合到生活中?
  3. 用戶為什么要將它們整合到生活中?


設計趨勢!2015移動設計趨勢,怎么設計移動應用的新手引導更好?

Evernote Food清晰地向用戶展現(xiàn)使用這款APP的好處

 

  當使用這種方式時需考慮以下幾種準則:
  1.顯示三條信息為最合適
這個數(shù)字并不是基于科學理論,而是因為重點是要讓用戶快速了解這款APP,“三條”最為合適(不包括屏幕標題)。這種方式可以讓用戶對這款APP快速上手而不會因為信息的繁雜而感到疲累。

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

劃分優(yōu)先級

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

語言一致性

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


設計趨勢!2015移動設計趨勢,怎么設計移動應用的新手引導更好?

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

登陸,注冊前先引導

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

 

保持簡潔

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

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關注大神微博加入>>

網(wǎng)友求助,請回答!