IOS篇:
如果是首次使用你的應(yīng)用犬耻,啟動頁結(jié)束后的第一個頁面需要我們設(shè)計商場的應(yīng)該就是著陸頁了(摩拳擦腳
IOS的要求:
1.要有跳過
2.不要太多结耀,太多就說明你的應(yīng)用可用性差邮绿,請閉門反思
3.使用可交互的動畫幫助用戶學(xué)習(xí)
4.以上過程當(dāng)用戶卡頓或者迷惑不前時涛救,你應(yīng)該具有前瞻性的預(yù)估這種情況并給予提示
延展之MD篇:
Onboarding is a virtual unboxing experience that helps users get started with an app.
著陸的過程就像虛擬拆盲盒一樣酸茴,這段經(jīng)歷會幫助用戶方便開始使用應(yīng)用
關(guān)于用法
你的應(yīng)用著陸過程必須明確目標(biāo)磺陡,和不同熟悉應(yīng)用程度的用戶心智模型匹配
然后MD給了一些匹配項作為參考
總結(jié)就是:
用戶著陸的目的是想要快速使用應(yīng)用,要讓應(yīng)用易懂易操作敬察,在第一周內(nèi)讓用戶保持活躍度提高留存率
Show onboarding to first-time users. Don’t show it to returning users.
給首次登錄的用戶展示你的登陸頁秀睛,老用戶就不要展示了。
關(guān)于類型
有三種著陸形式的選擇:自選式&快速開始式&最佳用戶利益式
自選式像是系列定制頁面莲祸,用戶可以自由定制內(nèi)容蹂安,以此決定應(yīng)用體驗
快速開始式像是一個內(nèi)容大池子,準(zhǔn)確提前地幫用戶選擇可能項虫给,用戶只要點下一步操作就可以了
(常見很多內(nèi)容APP)
最佳用戶利益式則是用簡短動畫或者靜態(tài)圖片做成幻燈片來告訴用戶使用應(yīng)用的好處或者是重大更新
(類似apple store的展示頁用來王婆賣瓜)
*其實看來最后一種的最佳用戶利益式也常常被人改造成引導(dǎo)頁用來操作提示&教育用戶
接下來是三種形式的詳解
關(guān)于自選式:
1.選項內(nèi)容一定是簡短有意義并且引人注意的
2.要問用戶不能在日常使用中收集到的信息
3.頁數(shù)要簡短精煉
設(shè)計自選式時藤抡,形式由你的應(yīng)用內(nèi)容決定
專注于內(nèi)容消費的應(yīng)用程序可能會詢問感興趣的主題
而帶有提要的應(yīng)用程序可能會詢問要捆綁哪些主題
一些常見的自選式有以下幾種:
關(guān)于快速開始式:
1.給用戶選擇并且有指向性的UI去引導(dǎo)用戶
2.提供教程但不要強迫用戶學(xué)習(xí)
3.給出關(guān)鍵操作引導(dǎo)
關(guān)于最佳用戶利益式:
1.可以展示應(yīng)用能解決的問題
2.可以展示應(yīng)用創(chuàng)造的價值
3.符合用戶痛點的一些常用功能(*原文用到了一個很有意思的詞 “toothbrush features” 意思是一天會用兩到三次的功能)
當(dāng)該模式是靜態(tài)圖片時侠碧,
1.需要有分頁指示器抹估,并且自動翻頁播放,暗示用戶不止一張幻燈片
2.當(dāng)用戶觸摸幻燈片時弄兜,需要出現(xiàn)“開始”按鈕药蜻,提示可以進行下一步操作
3.幻燈片必須是可以前后滑動的
當(dāng)該模式是視頻錄像時,
不需要分頁指示器但需要“開始”按鈕
對于幻燈片的配圖官方也給了一些建議:風(fēng)格一致&畫風(fēng)簡約&圖畫抽象具有美感
MD最后還提到了一些設(shè)計上的規(guī)范
豎屏?xí)r替饿,
手機端语泽,居中對齊,上圖下文下交互视卢,下分頁指示器
平板端踱卵,居中對齊,左圖右文右交互,右分頁指示器
橫屏?xí)r惋砂,
手機端妒挎,居中對齊,左圖右文右交互西饵,右分頁指示器
平板端酝掩,居中對齊,左圖右文右交互眷柔,右分頁指示器
桌面端期虾,居中對齊,上圖下文下交互驯嘱,下分頁指示器镶苞,卡片右邊增加前進后退按鈕