国产a一级毛片爽爽影院_欧美日韩亚洲中字二区在线播放_国产在线每日都有更新_日韩中文字幕tv在线看_日韩美女婬乱大片A级网站_韩国无遮免费羞羞漫画_久久亚洲精品无码播放偷妻_国产成人777爽视频_色噜噜狠狠成人中文综合18_国产精品免费高清在线观看

在數(shù)字化浪潮中，SaaS（軟件即服務(wù)）產(chǎn)品的競爭日益激烈，而優(yōu)秀的用戶體驗（UX）設(shè)計已成為企業(yè)脫穎而出的關(guān)鍵。本文以美國《時代》雜志評為2024年全球頂尖教育科技公司Class的產(chǎn)品官網(wǎng)為例，深入剖析了其官網(wǎng)設(shè)計如何通過出色的內(nèi)容策劃、UX文案、視覺呈現(xiàn)和交互體驗逐步建立起用戶信任并傳遞品牌價值。

今天我要為大家分享被美國《時代》評為 2024年全球頂尖教育科技司Class 的產(chǎn)品官網(wǎng)體驗旅程，希望這篇文章對你有所幫助！

?? 概述

為什么要寫這類題材的文章？

我之所以想創(chuàng)建一個SaaS 產(chǎn)品體驗偵探社的公眾號，愿景就是讓中國的 SaaS 企業(yè)不要只關(guān)注功能和營銷，而是要回歸到SaaS服務(wù)的本質(zhì)，為用戶打造優(yōu)秀的產(chǎn)品體驗。體驗是全方位的，它包含品牌、內(nèi)容、交互、視覺等多個層面，而一個 SaaS 產(chǎn)品的品牌官網(wǎng)，正是開啟用戶對品牌全新體驗旅程的起點。

我們絕不能忽視 SaaS 產(chǎn)品的官網(wǎng)設(shè)計，它不僅是用戶與產(chǎn)品交互的第一步，還將決定用戶對品牌的價值感知，甚至讓用戶第一時間對產(chǎn)品做出初步判斷：這個產(chǎn)品有價值嗎？它符合我的需求嗎？我愿意為它付出多少成本？

這也是我想撰寫這類官網(wǎng)體驗文章的目的之一，通過分享全球優(yōu)秀的 SaaS 官網(wǎng)設(shè)計，為國內(nèi)的 SaaS 從業(yè)者提供有價值的參考，學(xué)習(xí)他們的產(chǎn)品設(shè)計理念以及品牌宣傳方式，最終提升自己產(chǎn)品的品牌價值。

Class是誰，為何要分享它？

Class 是美國一款面向 K-12、高等教育、政府機構(gòu)和企業(yè)的在線學(xué)習(xí)軟件，于 2021 年疫情期間推出。與其他 LMS系統(tǒng)（學(xué)習(xí)管理系統(tǒng)）以及知識付費產(chǎn)品相比，它是基于 Zoom 和 Microsoft Teams 構(gòu)建的，為用戶提供豐富的互動功能，讓線上學(xué)習(xí)更有效、更可持續(xù)、更具規(guī)?；?。

Class 被美國《時代》評為 2024年全球頂尖教育科技公司，目前已幫助 75 多個國家的 1000 多萬用戶改變了教學(xué)、學(xué)習(xí)、培訓(xùn)和發(fā)展方式。

我是在一次谷歌搜索在線教育SaaS 產(chǎn)品時偶然瀏覽到它的官網(wǎng)，僅僅是簡單的瀏覽，我就被這個產(chǎn)品深深吸引，由此促成了這篇文章的誕生。

你需要注意的閱讀細節(jié)

SaaS 官網(wǎng)這類分析的文章在此之前幾乎無人創(chuàng)作，我在創(chuàng)作過程中也遭遇不少挑戰(zhàn)。受限于時間和精力等因素，本文對 Class 官網(wǎng)的體驗旅程分析主要以網(wǎng)站首頁為主，以此為主線并聚焦于此。不過在部分版塊，我也加入了二級欄目的內(nèi)容，以確保你能獲得相對完整的閱讀體驗。

需要特別說明的是，Class 是一個美國產(chǎn)品，其官網(wǎng)全部為英文，因此我主要依靠谷歌翻譯以及 ChatGPT 來進行閱讀。這其中難免會出現(xiàn)偏差，但我已盡力保持客觀、準確的表達。

內(nèi)容拆解

我將會從首頁從上至下按模塊拆分，然后提煉每個模塊的核心內(nèi)容，讓你能知道這個模塊設(shè)計了什么內(nèi)容。

體驗評分

每一個模塊我會盡量從內(nèi)容、視覺和交互的角度進行一個簡單的點評，并且給出一個評分（滿分為五顆星），我希望這樣的閱讀方式會更讓你更輕松，而不是陷入枯燥乏味的長篇內(nèi)容閱讀中。不過有些模塊過于簡單，或者出現(xiàn)重復(fù)內(nèi)容，我就不會再贅述。

• 內(nèi)容體驗：內(nèi)容策劃是否合理、文案是否吸引人、是否聚焦用戶關(guān)心點；
• 視覺體驗：色彩、字體、圖像風(fēng)格是否統(tǒng)一、有辨識度；
• 交互體驗：頁面導(dǎo)航流暢度、操作反饋及時性、信息獲取便捷性以及整體用戶路徑設(shè)計是否合理。

用戶信任曲線

在閱讀整個Class官網(wǎng)的過程中，我會記錄自己的信任狀態(tài)變化，看看從一個潛在用戶的角度，我是如何從”觀望中”到產(chǎn)生”初步信任”，最終建立”深度信任”的。這種信任度變化曲線能夠幫助我們理解一個官網(wǎng)的說服力和吸引力是如何逐步建立的，也為我們自己設(shè)計官網(wǎng)提供參考。

• ??觀望中：初次接觸品牌，尚未理解產(chǎn)品定位，信任感薄弱；
• ??初步信任：對內(nèi)容結(jié)構(gòu)、視覺或某些亮點有好感，產(chǎn)生一定信任基礎(chǔ)；
• ??建立好感：對產(chǎn)品功能或?qū)I(yè)度認可，理解其核心價值，愿意深入了解；
• ??建立信任：愿意主動試用、留下信息或推薦他人，信任關(guān)系已初步形成；
• ??深度信任：對產(chǎn)品高度認可，產(chǎn)生情感共鳴，愿意付費使用并強烈推薦。

????Class官網(wǎng)的體驗旅程

讓我們正式開始吧！如果你想獲得更好的閱讀體驗，建議你一邊打開 Class(https://www.class.com/) 的官網(wǎng)，一邊跟隨本文進行閱讀！

價值主張：虛擬教室，專為學(xué)習(xí)與發(fā)展而設(shè)計

與國內(nèi)多數(shù) SaaS 官網(wǎng)不同，Class 的首屏并非左右滾動的促銷大輪播，而是向用戶清晰傳達品牌的價值主張——專為學(xué)習(xí)和發(fā)展的虛擬教室。

• 報告下載：位于導(dǎo)航欄頂部，通過免費分享高質(zhì)量的報告內(nèi)容來吸引用戶，是一種高效的引流方式。
• 網(wǎng)站導(dǎo)航：導(dǎo)航欄設(shè)計非常出色，鼠標劃過就能清晰洞察網(wǎng)站整體的信息架構(gòu)。
• Banner：沒有任何花里胡哨的設(shè)計，而是通過簡潔的設(shè)計對比清晰傳達了產(chǎn)品的價值主張和定位——通過與您的LMS深度集成并基于MicrosoftTeams和Zoom構(gòu)建的虛擬課堂。
• 獲取現(xiàn)場演示：CTA按鈕，點擊后進入產(chǎn)品演示的預(yù)約頁（DemoRequestPage）。
• 觀看Class的實際操作：首屏的另一個CTA按鈕，提交郵箱后可獲取首席執(zhí)行官兼創(chuàng)始人MichaelChasen演示的Class視頻資源。
• 合作伙伴：首屏底部展示了合作伙伴，有效增強了信任背書，同時豐富了界面的排版設(shè)計。

體驗評分：??????

• 內(nèi)容體驗：Class網(wǎng)站內(nèi)容簡潔明了，直接傳達產(chǎn)品價值。文字簡短有力，重點清晰，沒有復(fù)雜術(shù)語，容易給用戶留下深刻的印象。
• 視覺體驗：它的配色沉穩(wěn)而又專業(yè)，再加上極具親和、現(xiàn)代、精致視覺氣質(zhì)的AllRoundGothic品牌字體，簡單的對比設(shè)計加上真實的產(chǎn)品截圖，完美傳達出一個國際教育科技品牌的氣質(zhì)。
• 交互體驗：導(dǎo)航簡單易用，信息層次清楚，當(dāng)你用鼠標輕輕劃過，整個網(wǎng)站的信息架構(gòu)就呈現(xiàn)在你的眼前，清晰高效又簡潔豐富。

用戶信任情緒曲線

在首屏的體驗中，我對Class的信任度是 “??觀望中”。雖然它的設(shè)計和內(nèi)容清晰專業(yè)，但作為首次訪問的用戶，我還沒有完全理解產(chǎn)品的價值主張和適用場景。網(wǎng)站導(dǎo)航的設(shè)計和品牌的視覺呈現(xiàn)確實給我留下了專業(yè)的第一印象，但我需要更多信息來建立初步信任。

產(chǎn)品定位：基于領(lǐng)先的視頻會議平臺和網(wǎng)絡(luò)技術(shù)構(gòu)建

與我們平時所熟知的 SaaS 產(chǎn)品不同，Class 雖然也有自己的 web 客戶端（名叫 Class Collaborate），但它主要建立在領(lǐng)先的視頻會議平臺——Zoom 和 Microsoft Teams 之上。簡而言之，它更像是 Zoom 和 Microsoft Teams 的一個應(yīng)用插件。不過你不必感到奇怪，正是這樣的產(chǎn)品定位和商業(yè)模式才值得我們學(xué)習(xí)和探討。讀到這里，你也能理解為什么它的 CTA 按鈕是”獲取現(xiàn)場演示”，而非”免費申請試用”了。

體驗評分：??

• 內(nèi)容體驗：對于首次訪問的用戶來說，這種建立在其他平臺之上的產(chǎn)品形態(tài)可能需要更多的解釋和引導(dǎo)，特別是對那些不熟悉Zoom或MicrosoftTeams的用戶而言。
• 視覺體驗：中規(guī)中矩的設(shè)計，沒有突出的亮點，但整體排版有序且與品牌調(diào)性保持一致。
• 交互體驗：缺少Hover效果的交互感覺很別扭，而且沒有明顯的按鈕引導(dǎo)用戶閱讀更多詳情。

用戶信任情緒曲線

我需要觀望，因為我感受不出 Class 的優(yōu)勢和使用場景，這可能主要是因為我并不熟悉 Zoom 和 Microsoft Teams。但這部分的內(nèi)容的確沒有吸引我，反而讓我思考這是否是我想要調(diào)研的競品。

產(chǎn)品對比：Class 與傳統(tǒng)視頻會議工具相比如何？

與簡單羅列功能不同，Class 從直播學(xué)習(xí)的前、中、后階段進行綜合對比，并搭配精煉優(yōu)秀的 UX 文案，讓用戶一目了然地理解兩者的區(qū)別。寫到這里，我呼吁大家要關(guān)注 UX 文案這一領(lǐng)域，它對產(chǎn)品設(shè)計體驗的提升有極大幫助。在接下來的內(nèi)容體驗中，你還會閱讀到很多能激發(fā)用戶情緒共鳴的文案。

我開始對 Class 的功能有了初步的了解，比如課程模板、分組討論室、嵌入式工具、投票評估這些我所熟知的在線教育產(chǎn)品功能。不過當(dāng)我下載了他們詳細的對比流程和步驟后，這提升了我對這個品牌專業(yè)性的信任度，因為他們并非隨意填充內(nèi)容，而是基于真實依據(jù)構(gòu)建產(chǎn)品。

體驗評分：????

• 內(nèi)容體驗：產(chǎn)品對比區(qū)域清晰展示了Class與傳統(tǒng)視頻會議工具的差異，基于前中后階段的對比很有實用價值。優(yōu)秀的UX文案讓產(chǎn)品優(yōu)勢更加突出，內(nèi)容詳實且有邏輯性。
• 視覺體驗：對比表格設(shè)計簡潔明了，色彩對比恰到好處，讓用戶能快速識別兩種產(chǎn)品的差異。
• 交互體驗：下載詳細對比資料的入口不夠明顯，缺少更多引導(dǎo)性的交互元素來幫助用戶深入了解產(chǎn)品特性。

用戶信任情緒曲線

通過閱讀到產(chǎn)品對比部分，我已經(jīng)開始從”??觀望中”向”??初步信任”轉(zhuǎn)變。Class提供了詳細的產(chǎn)品對比的流程及資料，讓我開始相信這是一個有真實價值的專業(yè)產(chǎn)品，而不僅僅是營銷噱頭。雖然我對它的適用場景還有疑問，但對比表格的專業(yè)性為我建立起初步的品牌信任。

應(yīng)用場景：改變游戲規(guī)則的跨行業(yè)在線教育

Class 的行業(yè)應(yīng)用場景覆蓋了各類企業(yè)、政府、高等教育、K12、金融、醫(yī)療和制造業(yè)等。它不僅為教育機構(gòu)和學(xué)校提供專業(yè)的在線學(xué)習(xí)教學(xué)工具，還能為政府和企業(yè)提供新員工入職培訓(xùn)和人才培養(yǎng)等服務(wù)。

不過這里值得思考的是，雖然 Class 已經(jīng)把場景延伸到醫(yī)療、政府以及金融等行業(yè)，看上去規(guī)模越來越大、應(yīng)用場景越來越多，但這也可能會降低教育客戶的興趣——他們更希望找到一個專注于教育行業(yè)的產(chǎn)品。而用戶對 Class 的初步認知，以我為例，它是一款教育產(chǎn)品。

體驗評分：??????

• 內(nèi)容體驗：當(dāng)我深入二級詳情頁閱讀Class的行業(yè)解決方案，我很快感受到他們的專業(yè)性和優(yōu)勢。他們的內(nèi)容策劃和UX文案實在太出色，仿佛在瀏覽過程中有一位專業(yè)客戶經(jīng)理正在向我詳細介紹產(chǎn)品。
• 視覺體驗：視覺風(fēng)格統(tǒng)一、規(guī)整、簡約、高效，再搭配上真實感強的人物配圖以及軟件UI細節(jié)，Class的二級詳情頁設(shè)計得非常出色。此外，他們的icon風(fēng)格也給我留下了深刻印象——簡約細致，配色和諧，又符合行業(yè)調(diào)性。
• 交互體驗：從首頁進入二級詳情頁的入口設(shè)計沒有增加左右滾動交互，這里只展示了四個行業(yè)的入口，但事實上Class包含了7個行業(yè)。

用戶信任情緒曲線

我的情緒在這個階段經(jīng)歷了明顯的波動。由于我本來想尋找一款專注于在線教育的產(chǎn)品，這種跨行業(yè)的解決方案實際上降低了我的興趣。然而，當(dāng)我深入閱讀完二級詳情頁后，我的看法發(fā)生了轉(zhuǎn)變，重新激發(fā)了我繼續(xù)探索的欲望。

解決方案：通過嵌入式工具和實時分析提升學(xué)習(xí)者參與度

從這里開始，Class 逐漸向用戶展示他們的產(chǎn)品核心優(yōu)勢以及如何解決在線課堂場景中的一系列痛點。他們大段的 UX 文案不會讓我覺得啰嗦，反而總能吸引我進入二級詳情頁。當(dāng)我進入后，我被”不要讓學(xué)習(xí)者迷失在屏幕后面！“這一句極具張力的 slogan 所吸引?；叵胍幌挛覀兪侨绾谓榻B自己的產(chǎn)品優(yōu)勢，是否習(xí)慣于羅列那些用戶根本不熟悉也極少使用的功能清單？如果是，那么 Class 真的值得你學(xué)習(xí)。

體驗評分：????????

• 內(nèi)容體驗：和行業(yè)應(yīng)用場景詳情頁一樣，內(nèi)容策略非常出色，通過“不要讓學(xué)習(xí)者迷失在屏幕后面”這樣的有力標語直擊痛點，同時提供了具體可行的解決方案。文案簡潔有力，能夠快速傳達產(chǎn)品價值。
• 視覺體驗：Class的二級詳情頁保持了統(tǒng)一的設(shè)計風(fēng)格，同時每個專題頁都根據(jù)內(nèi)容特點設(shè)計了不同的排版樣式，這一點非常出色，既保持了整體一致性又有了必要的區(qū)分度。
• 交互體驗：從解決方案到詳細功能介紹的過渡自然流暢，精準清晰的CTA按鈕可以幫助用戶了解到每個模塊所對應(yīng)的詳細內(nèi)容，提升閱讀效率。

用戶信任情緒曲線

在閱讀到解決方案部分時，我的情緒開始上升。Class的”不要讓學(xué)習(xí)者迷失在屏幕后面”這一理念深深打動了我，它不僅指出了遠程教育的痛點，還提供了切實可行的解決方案。我從一個懷疑者逐漸轉(zhuǎn)變?yōu)闈撛诘闹С终撸貏e是當(dāng)我看到他們?nèi)绾瓮ㄟ^實時數(shù)據(jù)分析和互動工具提升學(xué)習(xí)參與度時，我意識到這款產(chǎn)品確實理解教育者的核心需求。

解決方案：擴大獲得優(yōu)質(zhì)培訓(xùn)和教育的機會

Class 倡導(dǎo)，學(xué)習(xí)不應(yīng)受到空間、時間或身體條件的限制。真正的學(xué)習(xí)自由，意味著無論身處何地、是否能到達教室，都應(yīng)該被平等對待。這個表述換種方式理解，其實就是我們更熟知的”隨時隨地學(xué)習(xí)”概念。不過 Class 結(jié)合”教育平等”理念的介紹，不僅升級了這個場景的使命，而且更能激發(fā)用戶的共鳴。

體驗評分：????????

將”隨時隨地學(xué)習(xí)”與”教育平等”理念相結(jié)合，升華了產(chǎn)品價值主張，讓用戶產(chǎn)生更強共鳴。文案簡潔有力，傳達了產(chǎn)品的使命感和社會價值。

用戶信任情緒曲線

我對 Class 的好感持續(xù)上升，特別是它將”隨時隨地學(xué)習(xí)”這一普通概念與”教育平等”的社會價值觀相結(jié)合，讓我感受到這不僅僅是一款工具型產(chǎn)品，而是一個有使命感的教育解決方案。

解決方案：利用實時數(shù)據(jù)和分析優(yōu)化教學(xué)

數(shù)據(jù)分析是一個產(chǎn)品的核心，我仔細地研究了這部分，想評估這款軟件是否值得深入了解。結(jié)果讓我充滿驚喜，除了我能預(yù)想的課程數(shù)據(jù)儀表盤等內(nèi)容，Class 甚至還提供實時的學(xué)習(xí)者參與度評分，可以幫助教師識別未參與學(xué)習(xí)者，并即時采取措施。我對 Class 的品牌信任度開始增加，并逐漸充滿興趣。

• 數(shù)據(jù)儀表盤：無縫跟蹤并報告實時參與度和課程分析，提升教學(xué)成果。
• 數(shù)據(jù)門戶：深入分析任何單次課程的詳細指標，跟蹤單個學(xué)習(xí)者在多個課程中的長期參與度。
• 學(xué)習(xí)者參與度評分：實時統(tǒng)計分析學(xué)習(xí)者參與度的關(guān)鍵指標，幫助教師創(chuàng)造更具互動性和響應(yīng)式的學(xué)習(xí)體驗。
• 出勤與身份驗證：自動記錄每節(jié)課的出勤情況和遲到詳情，簡化考勤管理，節(jié)省時間，免去手動輸入的麻煩。
• 成績冊：通過Class成績冊提高評分效率和洞察力，輕松匯總多課程結(jié)果。簡化管理，輔助決策，提升教學(xué)效果。
• 人工智能助手：借助Class的AI助手，教師能夠保持課程進度，學(xué)習(xí)者也能獲得所需的清晰指導(dǎo)。
• 課程名單：簡單高效的課程名單幫助教師輕松管理和組織學(xué)習(xí)者信息。
• 自動轉(zhuǎn)錄：通過語音轉(zhuǎn)文字技術(shù)轉(zhuǎn)錄每節(jié)課程，可在直播課程中輕松訪問。
• LMS與數(shù)據(jù)回傳：Class可以完整集成客戶的LMS系統(tǒng)，實現(xiàn)數(shù)據(jù)無縫同步。

體驗評分：????????

數(shù)據(jù)分析部分的內(nèi)容既專業(yè)又實用，通過實時學(xué)習(xí)者參與度評分等特色功能展示了產(chǎn)品的深度。文案簡潔有力，突出了數(shù)據(jù)分析對教學(xué)優(yōu)化的關(guān)鍵作用，讓用戶能清晰理解產(chǎn)品價值。

用戶信任情緒曲線

當(dāng)看到 Class 展示的數(shù)據(jù)分析和實時評估功能時，我對這個產(chǎn)品開始建立了信任。這不僅僅是普通的數(shù)據(jù)統(tǒng)計，而是真正能夠幫助教育者做出更好決策的實時智能分析，學(xué)習(xí)者參與度評分、自動轉(zhuǎn)錄和 AI 助手等功能讓我確信這是一個值得體驗學(xué)習(xí)的產(chǎn)品。

產(chǎn)品價值：通過 Class 提高學(xué)習(xí)成果

在講解完行業(yè)應(yīng)用場景后，Class 逐漸轉(zhuǎn)向微觀的功能層面，開始詳細介紹其產(chǎn)品功能。在這個承上啟下的環(huán)節(jié)，他們強化了產(chǎn)品的核心價值——促進學(xué)習(xí)者成功、建立社區(qū)感和提高留存率。

功能明細：驅(qū)動最佳在線學(xué)習(xí)體驗的互動工具

即便是介紹功能，Class 也按場景來分類，這樣設(shè)計的優(yōu)勢不僅信息可讀性高，而且能提升每一個功能的價值，它們?yōu)閳鼍胺?wù)，而非簡單重復(fù)堆砌。

協(xié)作式主動學(xué)習(xí)

進入到微觀層面，Class 展示了其強大的功能。盡管我無法獲取真實的產(chǎn)品體驗，但當(dāng)閱讀完這個二級詳情頁后，我的興趣已經(jīng)被徹底激發(fā)。我非常想親自體驗一下，使用 Class 進行教學(xué)會是一種怎樣特別的經(jīng)歷。

• 增強型分組討論室：專為促進小組互動和有意義的討論而設(shè)計，同時讓教師能夠更清晰地了解各小組的活動情況。
• 教學(xué)白板：通過教學(xué)白板幫助學(xué)習(xí)者互動并理解課程內(nèi)容。
• 應(yīng)用內(nèi)文檔協(xié)作：讓學(xué)習(xí)者能夠在Class平臺內(nèi)直接協(xié)作編輯MicrosoftOffice或Google文檔。
• 調(diào)查與投票：常見教學(xué)互動工具，激發(fā)參與者積極參與，促進溝通文化和持續(xù)改進。
• 互動內(nèi)容共享：通過文件、視頻和媒體的共享功能，讓所有人都能參與查看，使課程更加生動。
• 高級聊天：連接教師和學(xué)習(xí)者，能夠?qū)崟r處理問題和評論，最大限度地減少干擾。
• 應(yīng)用內(nèi)筆記功能：將課程轉(zhuǎn)錄提升到新高度，讓學(xué)習(xí)者能夠更好地組織想法和信息。
• 反應(yīng)與表情符號：通過Class中的反應(yīng)和表情符號，每位學(xué)習(xí)者都能表達自我，促進社區(qū)感，營造愉快的學(xué)習(xí)環(huán)境。

體驗評分：????????

– 內(nèi)容體驗：每進入一個全新的二級詳情頁，我都會對這個頁面的內(nèi)容抱以期待，看看他們會去如何介紹，這正是他們出色的內(nèi)容策劃和 UX 文案魅力，每一句 Slogan 都能給你留下深刻的印象。

– 視覺體驗：無論是首頁的 tab 標簽欄切換，還是二級詳情頁的設(shè)計，Class 的排版和視覺設(shè)計都非常自然、和諧，并保持高度的風(fēng)格統(tǒng)一。

– 交互體驗：Class 的信息層級雖然不復(fù)雜，但各頁面的穿插，特別是 CTA 按鈕的引導(dǎo)讓用戶能夠輕松理解復(fù)雜的產(chǎn)品功能，降低了認知負荷。

用戶信任情緒曲線

我的信任持續(xù)上升，尤其是在瀏覽二級詳情頁了解到這些細致的功能細節(jié)后，更加確信這是一款值得學(xué)習(xí)和體驗的產(chǎn)品，而非僅僅堆砌功能的平庸之作。

無縫課程設(shè)置和交付

這是一個較新的概念，它向用戶傳達 Class 已經(jīng)將所有內(nèi)容整合到一個統(tǒng)一的空間，為你提供完整無縫的學(xué)習(xí)體驗，實現(xiàn)”All-in-one”的教學(xué)模式。從網(wǎng)頁的介紹中，我能夠想象出一些真實的操作場景。由于我恰好正面臨類似的需求，更能深刻體會到在教學(xué)中實現(xiàn)”All-in-one”模式對在線學(xué)習(xí)環(huán)境確實提供了極大的幫助。

• 課程模板：Class為客戶提供大量課程模板，方便老師快速創(chuàng)建課程，簡化課程設(shè)計流程。
• 課程內(nèi)容：老師可以預(yù)先填充課程內(nèi)容，如視頻、文件、投票、作業(yè)等，極大節(jié)省教學(xué)時間。
• 互動回放：學(xué)習(xí)者能夠像在直播中一樣與錄制課程內(nèi)容進行互動，讓缺席直播教學(xué)的學(xué)習(xí)者也能像現(xiàn)場參與一樣體驗課程。
• 自定義權(quán)限：老師可以根據(jù)需求自定義功能權(quán)限，例如創(chuàng)建公開的分享鏈接，為其他用戶分配相應(yīng)角色等。
• LMS集成：無需擔(dān)心你的Class數(shù)據(jù)與昂貴的LMS系統(tǒng)脫節(jié)，你可以將LMS系統(tǒng)與Class完美無縫集成。
• 管理員門戶：從配置功能到管理用戶以及集成LMS，管理員門戶確保你可以根據(jù)機構(gòu)的獨特需求定制Class環(huán)境。
• 監(jiān)考：Class可以實現(xiàn)考試監(jiān)考，不僅能遠程訪問學(xué)習(xí)者的屏幕，還可以進行批注，與學(xué)習(xí)者互動。
• 輔助攝像頭：Class還可以與硬件完美結(jié)合，例如使用教室攝像頭分享現(xiàn)場教室的視角，使用手語攝像頭為課程口譯員提供獨特角色，確保聽障學(xué)習(xí)者清晰可見。

體驗評分：????????

我真的被 Class 如此出色的內(nèi)容策劃能力所折服，每一個功能模塊都能被清晰貼切地表達出來，每一個功能點都能引起共鳴。他們不僅僅是在展示功能，更是在講述這些功能如何解決實際問題、如何提升用戶體驗。這種內(nèi)容策劃能力值得每一個SaaS產(chǎn)品學(xué)習(xí)。

用戶信任情緒曲線

我的信任持續(xù)攀升，在仔細閱讀完 Class 如此豐富的功能后，我對這款產(chǎn)品產(chǎn)生了強烈的好奇和信任。此時，我已經(jīng)迫不及待想要試用這款產(chǎn)品了。

靈活、易用的界面

這是我在 Class 官網(wǎng)這場體驗旅程中的”啊哈”時刻，它讓我對這個品牌肅然起敬，甚至想迫不及待地填寫申請去了解它的定價，看看我是否承擔(dān)得起。這是因為它的產(chǎn)品設(shè)計理念引發(fā)了我強烈的共鳴——靈活性、無障礙設(shè)計，讓每一位學(xué)習(xí)者都能感受到被關(guān)注、被傾聽，并能充分參與其中，這正是我的產(chǎn)品設(shè)計價值觀之一。

• 標簽頁：Class強調(diào)教師可以在統(tǒng)一空間中實現(xiàn)無縫切換，跨越應(yīng)用全寬的標簽頁正是實現(xiàn)這一功能的交互形式。
• 靈活布局：Class支持自定義的靈活布局，根據(jù)教師需求量身配置。
• 講臺與教室前方：Class為發(fā)言者和演示者創(chuàng)建專用且始終可見的空間，提升學(xué)習(xí)者的專注度，減少學(xué)習(xí)環(huán)境干擾。
• 座位圖：確保每個聲音都被聽見，每個貢獻都被認可。即便是座位圖這樣看似微不足道的功能，Class都支持按名字或姓氏字母順序排序，以及根據(jù)學(xué)生舉手時長進行排序。
• 無障礙功能：Class嚴格遵循《美國殘疾人法案》（ADA）和《網(wǎng)絡(luò)內(nèi)容無障礙指南》設(shè)計原則，確保無障礙的學(xué)習(xí)體驗，人文關(guān)懷做到極致。
• 隱私模式：教師可以為每個課程設(shè)置隱私模式，打造隱私、安全、讓學(xué)習(xí)者自主決定的學(xué)習(xí)環(huán)境，確保尊重每一個學(xué)習(xí)者。

體驗評分：??????????

創(chuàng)新、靈活、易用，以及讓每一位學(xué)習(xí)者都能感受到被關(guān)注、被傾聽的產(chǎn)品設(shè)計價值觀。Class 的內(nèi)容完美地傳達了這一切，徹底引發(fā)了我的共鳴，讓我收獲了真正的”啊哈”時刻。

用戶信任情緒曲線

我在這個部分收獲了”啊哈”時刻，也對 Class 建立了深度信任。我不僅喜歡他們的產(chǎn)品設(shè)計，更認可他們的設(shè)計價值觀。此時，我已完全信任這個品牌，并強烈期待能夠親自體驗這款產(chǎn)品。

品牌介紹：致力于開創(chuàng)未來學(xué)習(xí)的新篇章

這個部分如果換個我們熟悉的詞，那就是——關(guān)于我們。但你發(fā)現(xiàn)了嗎？當(dāng)你閱讀到「致力于開創(chuàng)未來學(xué)習(xí)的新篇章」這一句產(chǎn)品愿景的時候，你是否會感受到它強烈的沖擊力？這正是 UX 文案的力量，能夠真正在客戶心智中留下深刻的品牌印記。

• 產(chǎn)品使命：Class的使命是致力于改變世界的學(xué)習(xí)方式。
• 創(chuàng)始人介紹：創(chuàng)始人兼首席執(zhí)行官MichaelChasen在疫情期間親身體驗了視頻會議技術(shù)的不足，于是開發(fā)了Class的前身——ClassforZoom，最終Class在2021年正式發(fā)布商業(yè)版，開啟了他們的創(chuàng)業(yè)旅程。
• 工作模式：Class是一家完全遠程的公司，員工來自全球150個國家，這樣的工作模式可以有效降低人力成本。

體驗評分：????????

• 內(nèi)容體驗：使命、合作伙伴、創(chuàng)始人故事、發(fā)展歷程、團隊介紹、品牌關(guān)懷、企業(yè)榮譽、用戶評價以及品牌動態(tài)，這些都是我們在品牌介紹里所熟知的內(nèi)容，但Class的UX文案總是能帶給用戶不一樣的感受——我們創(chuàng)造的最偉大之物不是軟件，而是影響力！
• 視覺體驗：版式豐富、高效簡潔，視覺風(fēng)格統(tǒng)一，Class的視覺體驗總是能夠吸引用戶注意力并引導(dǎo)用戶有效地獲取信息。他們巧妙運用了圖文結(jié)合、空間留白和色彩對比，讓整個頁面既有美感又不失專業(yè)性。

用戶信任情緒曲線

一旦建立了深度的信任，用戶其實就成為品牌的粉絲了，我就是這樣的感受。我深入了解了 Class 更多的細節(jié)，比如創(chuàng)始人 Michael Chasen 的親身經(jīng)歷和解決實際問題的使命感讓品牌故事更具說服力。了解到這是一家全球化遠程運營的公司，也讓我對其創(chuàng)新能力和適應(yīng)性產(chǎn)生了更多信心。此時，我已經(jīng)完全信任這個品牌，并準備好了解更多細節(jié)。

客戶故事：看看 Class 如何為我們的客戶革新在線學(xué)習(xí)體驗

Class 已經(jīng)受到來自 75 多個國家、1500 多個機構(gòu)的 1000 多萬用戶的信賴，正如他們的客戶 Jenna Caviezel 對他們的評價——”在我的整個職業(yè)生涯中，我從未記錄過學(xué)生遲到多少分鐘，我也從未計算過課堂上我講了多少分鐘，每個學(xué)生又講了多少分鐘，但如今，Class 幫助我實現(xiàn)了這一切。”

這種用戶的真實反饋為產(chǎn)品提供了強有力的信任背書，我相信，如果一個有實際需求的用戶閱讀到這些內(nèi)容，他們會毫不猶豫地留下自己的郵箱，迫切想了解這款神奇的軟件如何真正改變我們的學(xué)習(xí)方式。

體驗評分：????????

這是我首次訪問到三級內(nèi)容詳情頁，他們的交互設(shè)計令人印象深刻。也許我們會認為一個新聞詳情頁幾乎不需要過多設(shè)計，但 Class 的閱讀體驗如同使用 Notion 一樣流暢——目錄、視頻以及各種豐富的版式為用戶帶來了非常棒的閱讀體驗。

用戶信任情緒曲線

我已經(jīng)成為了這款軟件的粉絲，所以接下來在這個官網(wǎng)的體驗中，每一個部分對我來說，都是為了獲取更細致的了解，我對它已經(jīng)產(chǎn)生了高度的信任。

解決方案：體驗 Class 的變革力量

在首頁底部，Class 再一次強調(diào)了它的產(chǎn)品價值，這六個場景不僅是 Class 始終思考如何解決的難題，也體現(xiàn)了他們的產(chǎn)品設(shè)計理念。

客戶鏈接：了解 Class 如何為您的組織變革虛擬教育體驗

完美的收尾，主要歸功于Class又一句精彩的UX文案。它不是簡單的”聯(lián)系我們”，也不是”免費領(lǐng)取優(yōu)惠券試用”，而是一句能真正激發(fā)客戶行動的句子。

體驗評分：??????

看了 Class 的這一段 UX 文案，你是否想起了自己產(chǎn)品官網(wǎng)底部的「聯(lián)系我們」表單？不妨重新構(gòu)思一句更有吸引力的文案，讓客戶更有動力留下他們的聯(lián)系方式。

用戶信任情緒曲線

在體驗的最后，我毫不猶豫填寫了獲取演示的信息，期待能夠獲取體驗產(chǎn)品的機會。

??思考與總結(jié)

如何評價 Class 官網(wǎng)的設(shè)計？

我無法掩飾對 Class 官網(wǎng)的喜愛。盡管我并未體驗過他們的產(chǎn)品，但他們確實為我呈現(xiàn)了一個非常出色的品牌官網(wǎng)體驗旅程。這種愉悅的體驗主要歸功于他們精心策劃的內(nèi)容和優(yōu)質(zhì)的視覺呈現(xiàn)。接下來，我將會按照以下幾個維度進行一個概括性的總結(jié)。

內(nèi)容策劃

Class 官網(wǎng)的內(nèi)容策劃堪稱經(jīng)典，他們采用了講故事的方式來介紹產(chǎn)品，整個體驗旅程環(huán)環(huán)相扣。從開篇點明價值主張，到逐步展開產(chǎn)品功能特性，再到呈現(xiàn)用戶證言和行業(yè)認可，內(nèi)容結(jié)構(gòu)清晰而有說服力。如果你對 SPIN 銷售原則有一定的了解，你會發(fā)現(xiàn)它完美地契合，這也是為什么我們閱讀起來感覺很自然的原因之一。每一個模塊的內(nèi)容和順序，都經(jīng)過了精心的設(shè)計和制定了清晰的策略。

??SPIN 銷售原則

S（Situation）：探詢情境，了解客戶面臨的問題與挑戰(zhàn)。

P（Problem）：明確問題，深入分析客戶的具體痛點。

I（Implication）：闡述影響，說明如果不解決這些問題會帶來什么后果。

N（Need-payoff）：需求收益，展示解決方案如何滿足客戶需求并帶來價值。

UX 文案

Class的UX文案堪稱教科書級別，每一段文字都經(jīng)過精心打磨，既傳達了專業(yè)信息，又保持了親和力與說服力。從主標題”改變世界的學(xué)習(xí)方式”到各個功能模塊的描述，再到最后的行動召喚，文案的創(chuàng)作風(fēng)格始終以用戶視角出發(fā)，張力十足，又極具人文關(guān)懷，總能引發(fā)用戶共鳴。他們的CTA按鈕文案細節(jié)也做得很出色——你幾乎看不到”了解更多”或”聯(lián)系我們”這類平淡文字，而是更具吸引力的”體驗Class的變革力量”，更有效地激發(fā)客戶行動。

視覺體驗

在視覺設(shè)計方面，Class官網(wǎng)采用了簡潔而專業(yè)的設(shè)計風(fēng)格，以藍色作為主色調(diào)，象征信任與穩(wěn)定。頁面布局清晰有序，重點內(nèi)容突出，視覺層次分明。我單獨把他們的一些重點界面進行了完整的臨摹，目的就是更細致地去感受他們的設(shè)計細節(jié)——配色、圖標、字體等。而且他們的布局版式極具參考性，完全可以作為一個標準的參考模板。

交互體驗

從交互體驗角度看，Class 網(wǎng)站導(dǎo)航結(jié)構(gòu)簡潔明了，用戶可以輕松找到所需信息。頁面滾動流暢，各個部分之間的過渡自然。值得一提的是，他們在頁面中戰(zhàn)略性地放置了多個行動召喚按鈕，引導(dǎo)用戶進一步了解或申請演示，這些按鈕設(shè)計醒目但不顯得過于強制，為用戶提供了清晰的下一步行動路徑。

對我們又有什么啟發(fā)？

學(xué)會講故事

Class官網(wǎng)的故事敘述方式是其成功的關(guān)鍵。他們沒有簡單地列舉產(chǎn)品功能，而是將產(chǎn)品放入一個更大的敘事中：改變世界的學(xué)習(xí)方式。這種方法讓潛在客戶不僅能理解產(chǎn)品的功能，還能感受到使用產(chǎn)品后帶來的轉(zhuǎn)變和價值。對于SaaS產(chǎn)品官網(wǎng)來說，講述一個引人入勝的故事比羅列功能特性更能打動人心。

重視 UX 文案

Class 官網(wǎng)的文案是其產(chǎn)品設(shè)計的一大亮點。每一處文案都經(jīng)過精心打磨，直擊用戶痛點，強調(diào)價值而非功能。從品牌宣言到按鈕文本，每個詞語都服務(wù)于整體故事，引導(dǎo)用戶沿著預(yù)設(shè)的轉(zhuǎn)化路徑前進。對于SaaS產(chǎn)品來說，優(yōu)質(zhì)的UX文案不僅能提升網(wǎng)站轉(zhuǎn)化率，更能塑造品牌形象，建立信任感。

不要忽視產(chǎn)品官網(wǎng)

許多 SaaS 企業(yè)常常忽視產(chǎn)品官網(wǎng)的重要性，認為只要產(chǎn)品功能強大就能吸引用戶。然而，Class 的成功案例提醒我們，官網(wǎng)是用戶了解產(chǎn)品的第一窗口，是塑造品牌形象的關(guān)鍵陣地。一個精心設(shè)計的產(chǎn)品官網(wǎng)能夠有效傳達品牌價值主張，建立用戶信任，并引導(dǎo)潛在客戶踏上轉(zhuǎn)化之旅。

商業(yè)模式的參考

Class 并不是傳統(tǒng)意義上獨立的 SaaS 產(chǎn)品，它是基于 Zoom 和 Microsoft Teams 而創(chuàng)建的，最早的產(chǎn)品名稱就叫”Class for Zoom”，完全依托于 Zoom 這個被全球企業(yè)和用戶信賴的平臺。在獲取了大量用戶追捧并驗證了產(chǎn)品與市場匹配度（PMF）后，他們才開始真正的產(chǎn)品化，發(fā)展成為如今我們所了解的 Class。這種發(fā)展路徑和商業(yè)模式非常值得我們參考——在產(chǎn)品初期先借助大平臺去試錯，測試 MVP，然后再進一步商業(yè)化，最終實現(xiàn)”獨立”。