B端移動設計|新手指引

2020-12-12 酷扯兒

本文轉載自【微信公眾號:俊馳,ID:hbjunchi】

來自專輯

B端移動設計

站在用戶的角度,告之如何做勝過說如何做

--這是第303篇原創

新手指引:指導新人進行操作的一種引導方式。

01 場景

B端產品業務太過複雜,用戶進入程序後,通常都是一臉懵圈狀態,通過新人指引可以快速的熟悉應用。

02 案例分析

C端產品也會做一些操作指南,通過在啟動第一次時給出提示。B端產品秦絲生意通APP也採用了同樣的方式。

共5步操作,用戶滑動完後,其實已經忘了前2步是什麼操作。首界面放出了快速入門,點擊後,將會有豐富的指南內容。

對於如此複雜的新手流程,除非用戶有2個手機或用筆記,一個看快速入門,一個參考快速入門進行操作,否則看完幫助文檔也會忘記了要做什麼。

針對此問題, 智能雲ERP從用戶的角度做了一個非常棒的指引。

站在用戶的角度設計快速指南。用戶往往不喜歡聽別人說什麼,喜歡直截了當告訴怎麼做。上圖沒有複雜的文字說明,通過流程圖的方式進行指引下一步,快速上手。

03 心得

大多數人買手機後,通常不會去看盒子裡的說明書。同樣,在使用一款APP時,也不會查看幫助。但是作為設計者本身,幫助文檔是必不可少的部分。

因此,秦絲生意通的快速入門在幫助中做了文檔和視頻,智能雲ERP按用戶習慣直接進行了指引操作,但智能雲ERP同樣也少不了幫助文檔。

本文轉載自【微信公眾號:俊馳,ID:hbjunchi】

相關焦點

  • B端移動設計|促銷活動
    本文轉載自【微信公眾號:俊馳,ID:hbjunchi】來自專輯B端移動設計移動營銷也許是一種趨勢--這是第305篇原創在C端的場景會有多種玩法也適用於B端,在供應鏈環節中,B端場景將會存在一種分銷的手段,分為一級批發商、二級批發商。按國家規定,最多只可以做二級分銷。02 案例分析:秦絲生意通APP秦絲生意通支持設置客戶積分、秒殺、限時折扣、會員卡、微信會員卡、充值、優惠券、分銷。
  • B端移動設計|科目餘額表
    本文轉載自【微信公眾號:俊馳,ID:hbjunchi】來自專輯B端移動設計三維可由二維進行展示--這是第284篇原創03 心得涉及到需查看詳細內容的三維信息可進行拆解為二維,無須查看詳細內容的三維信息則可以直接紙質表格的樣式進行設計,通過左右滑動進行查看。本文轉載自【微信公眾號:俊馳,ID:hbjunchi】
  • B端移動設計|零售開單收銀
    本文轉載自【微信公眾號:俊馳,ID:hbjunchi】來自專輯B端移動設計過去的經驗也許是思維的牆--這是第254篇原創因為考慮選單速度,移動端界面小,掃碼調用攝像頭耗電快,很顯然第2種場景更適用。02 案例分析:智訊會員管理收銀系統進入開單界面:開單收銀考慮了3種場景。
  • B端設計|全方位講解下字體設計規範
    可能有不少同學看過我們移動端字體相關規範說明的分享,理解起來會比較容易。如果沒看過也不要緊,為了保持完整性,我們會將基本的概念在本篇中重新複述一次。文章傳送門:全網最詳細的 UI 文字應用介紹字體屬性包含的內容很多,我們可以根據 Sketch 或 Figma 的文字屬性欄為例,分別進行解釋。
  • B 端設計 | B 端控制項全面認識 上篇
    B端系列文章:第一篇傳送門:B 端設計 | B 端設計規範是什麼?
  • B端產品中,Web端表單如何設計
    編輯導語:B端產品往往由於業務體量龐大,導致信息複雜,同時對業務的精確性的要求很高;服務於B端的業務,不能夠出信息錯誤,填錯一個信息,就會引發巨大的問題。本文結合筆者自己的工作經驗,總結了大型B端業務中表單的設計方法,供小夥伴參考。
  • B端設計指南-表格設計的常見問題
    設計備註 因為在設計稿中,有很多需要文字與前端進行溝通的地方,比如這裡的交互說明、邏輯表述等等,我通常會在設計稿的下方用單獨標註設計所需要注意的點,同時給出相應的邏輯方便前端進行理解, 同時對於其他同事接手你的工作時,也有更多的幫助 08 移動端表格如何進行適配?
  • B端設計指南04——彈窗 究竟應該如何設計
    從宏觀上講,目前B端設計中信息展示的控制項可以分為三類:彈窗、抽屜、新建頁。在這三種展示形式中,我們需要明白它們四類分別是什麼、有哪些、在什麼場景中使用、以及在優缺點和適應的不同業務,這樣可以更好的為我們設計服務。
  • B 端的管理平臺設計有哪些基礎知識?
    和移動網際網路大潮一樣,企業網際網路化也是大勢所趨,是公認的萬億級市場,而這場改變才剛剛進入初級階段,充滿了非常多的機遇與想像空間。所以 B 端的產品和需求在近兩年呈井噴式的發展,對於 B 端界面的視覺和交互要求也與日俱增。
  • B端設計指南-06表格(下)
    通常在表格中,一列多條數據必定會有主次之分,然而在B端的表達方式上也會有較大的區別。強弱化:將主次的信息通過粗細、大小、深淺等處理方式進行簡單弱化,形成信息層級,這種方式能夠在短時間內快速設計,適合新手入門進行信息的快速區分。
  • 盤點移動端和PC端互動設計上的區別
    經常遇到一些設計師,他們之前負責的都是PC端產品,突然改做移動端,會不自覺的把PC端的一些設計理念「移植」到移動端,出現了水土不服現象。有經驗的設計師一看你設計的移動端頁面就知道你之前做的都是PC端,這是一件非常尷尬的事情。就好像你說了一句「nice to meet you」,別人就知道你老家是哪裡一樣。那麼究竟在哪呢?
  • 【設計資訊】YouTube統一PC端與移動端用戶界面風格,採用Material Design設計語言
    YouTube正在重新設計PC端的網頁視頻播放器,試圖統一其與移動端的用戶界面風格。新版播放器的設計遵循了Google目前的設計語言Material Design。原先獨立於視頻播放界面的純黑條塊,被重新設計為直接覆蓋在視頻畫面的透明條塊,控制條上的功能鍵也頗似Material Design按鈕的設計風格。
  • 移動式母嬰室設計尺寸標準指引
    公共場所母嬰室匱乏、設計不合理已成為困擾民眾的問題。移動母嬰室的出現,無疑為解決這一難點。● 便捷移動:母嬰室可以做到快速設置,快速變換移動,提高空間利用率。● 隨時掌握地理信息:移動式母嬰室與應用程式相合作,媽媽們可以通過應用程式獲取移動母嬰室的地理位置。
  • YouTube統一PC端與移動端用戶界面風格,採用Material Design設計語言
    YouTube正在重新設計PC端的網頁視頻播放器,試圖統一其與移動端的用戶界面風格。 新版播放器的設計遵循了Google目前的設計語言Material Design。 除了界面設計的更改,PC端YouTube還在交互和功能設計上做了修改:第一,當視頻開始播放時,控制條將會消失,帶給用戶全屏的沉浸式觀影體驗,這和YouTube移動端的應用設計一致;第二,新增「稍後觀看」功能鍵
  • 移動端網站設計:它是什麼及其重要性
    除非您最近幾年一直呆在家裡,否則您將知道移動端網站設計已成為許多企業的關鍵任務。您需要投資於新的網站建設和設計嗎?還是只是移動端網站的更新? 你甚至需要擔心嗎?---成都雲思禾網絡運營 浪知潮團隊多年來一直在設計適合行動裝置訪問的網站,我們很高興分享對移動所有事物的見解。讓我們從基礎開始:移動設計和常規Web設計有什麼區別,它對您的業務有何影響? 什麼是移動端網站設計?
  • 技術中臺之移動平臺安全架構設計
    企業的移動信息化建設並不是簡單的講原來內網pc端業務照搬照抄到移動端,首先要考慮到的就是內網核心業務到公網的安全問題,這個時候一個安全的移動網關就是一個非常不錯的選擇。2.1移動網關架構體系設計移動網關是企業所有移動應用、終端、消費方統一接入的入口,是移動平臺的核心組件之一。
  • 如何合理的設計B端產品經理的考核目標?
    如何給B端產品經理設置合理的考核目標,從而激發大家的工作鬥志,為企業或團隊創造價值和收益,並可以科學評估大家的工作產出? 估計這個問題,對很多B端產品管理人員來講,都是一件比較頭疼的事情。
  • 上海UI設計培訓班MUI移動端設計學習內容
    學習內容包括界面尺寸、控制項間距、版式設計規範、文字設計規範、設計適配、標註、切圖等等一系列的移動端UI設計規範,上海非凡教育UI設計培訓課程MUI移動端設計版塊學習內容如下:iOS設計規範:1.掌握iOS13官方設計規範,包含字體規範、圖標規範、適配原則、切圖和標註規範;2.通過微信APP等產品的列表布局分析,使學員掌握列表設計的不同技巧布局方式;3.通過百度網盤APP等產品的宮格布局分析,使學員掌握宮格和卡片布局的多種形態設計;4.通過盒馬鮮生APP等電商產品的版式布局分析
  • 移動端字體7準則
    要在移動端創造最佳易讀性,尤其要注意這些特殊層次,這些格式塔式的詞語、行、段落的文字組合,在自然光環境下同樣至關重要。2. 行寬行寬是一行文字的長度。或者確切的說,是一行文字的理想長度,因為很難讓每一行都精確吻合。眾所周知,舒適閱讀的理想行寬是65個字符左右。行寬產生的物理長度,取決於字體的設計、字間距(見下文)和你使用的具體文字。
  • 煮糊了圖文攻略 系統教程+新手指引攻略
    在這些不同的廚房背後也分別包含著遊戲中的28個劇情關卡,為了讓玩家可以更順利的進行遊戲,那麼下面就給大家帶來煮糊了的系統教程以及新手指引攻略,希望能給玩家帶來一些幫助。 煮糊了圖文攻略 系統教程+新手指引攻略