相信很多讀者是帶著好奇點(diǎn)開這篇文章的，對于什么是SaaS媳否，SaaS產(chǎn)品有哪些并不是很了解栅螟，可能僅局限于聽過。包括很多正在從事相關(guān)工作的童鞋篱竭，可能也沒有一個(gè)比較清晰的認(rèn)識力图。
一、關(guān)于SaaS
定義：SaaS是Software-as-a-Service（軟件即服務(wù)）的簡稱掺逼。廠商將軟件部署在自己的服務(wù)器上吃媒，客戶根據(jù)自己的需求來租用軟件，無需購買和維護(hù)吕喘，廠商會全權(quán)管理和維護(hù)軟件赘那。百度百科
分類：根據(jù)SaaS產(chǎn)品種類，可分為 通用型 和 垂直型 兩類兽泄。
二漓概、為什么要移動化
- 隨著移動互聯(lián)網(wǎng)的迅猛發(fā)展，用戶花費(fèi)在移動設(shè)備上的時(shí)間越來越多病梢，SaaS產(chǎn)品移動化成為一種趨勢胃珍。
- 互聯(lián)網(wǎng)浪潮下長期培養(yǎng)的用戶習(xí)慣，讓用戶更傾向于通過移動設(shè)備來解決問題蜓陌。
- 移動化辦公觅彰，信息傳遞更快更及時(shí)，加快工作節(jié)奏钮热，提高工作效率填抬。
三、如何移動化
1.需求分析
SaaS產(chǎn)品移動化隧期，并不是簡單的將PC端的內(nèi)容照搬到移動端飒责，需要根據(jù)實(shí)際情況，多方面的進(jìn)行分析仆潮、評估宏蛉。
- 用戶的實(shí)際需求。哪些內(nèi)容需要移動化性置，哪些沒必要拾并，需要進(jìn)行逐一的篩選，最好有調(diào)研數(shù)據(jù)的支持。
- 移動端的局限性嗅义。一些復(fù)雜功能屏歹，例如報(bào)表渲染出圖，因配置的問題之碗，出圖時(shí)間很長蝙眶。可以考慮適當(dāng)?shù)暮喕a(chǎn)品功能继控，或做一些提醒械馆、限制性操作等。
- 開發(fā)成本武通。對于一些開發(fā)成本過高的功能，前期可以考慮不上珊搀，等App上線后冶忱，再根據(jù)市場反饋，做進(jìn)一步?jīng)Q策境析。
2.信息架構(gòu)
根據(jù)上一步需求分析確定的“產(chǎn)品內(nèi)容”囚枪，進(jìn)行導(dǎo)航、框架的構(gòu)建與設(shè)計(jì)劳淆，最終輸出移動app的信息架構(gòu)圖链沼。
3.關(guān)于平臺
-
平臺選擇
PC端的產(chǎn)品，一套設(shè)計(jì)方案可以通吃全部沛鸵。但移動端產(chǎn)品括勺，有多個(gè)系統(tǒng)平臺，首先要考慮的是在哪些系統(tǒng)平臺投放產(chǎn)品曲掰？
從上圖可以得出疾捍，目前兩個(gè)主流的系統(tǒng)平臺是 Android 和 iOS，Windows Phone 已被市場淘汰栏妖，值得注意的是 iOS 的市場份額也在下滑乱豆。 市場現(xiàn)狀
一般來說，一個(gè)移動應(yīng)用應(yīng)該根據(jù)不同平臺的設(shè)計(jì)規(guī)范吊趾，分別展開設(shè)計(jì)宛裕。但是目前市場上，很多移動應(yīng)用在不同的平臺上基本上都很相似论泛，包括大廠的一些應(yīng)用（QQ揩尸、微信等），并沒有較好的遵守平臺的設(shè)計(jì)規(guī)范孵奶。
有以下幾種可能：
①疲酌，學(xué)習(xí)成本。像QQ/微信是屬于裝機(jī)必備類產(chǎn)品，用戶量朗恳、用戶粘度都很大湿颅。我們的大部分社交都是在這上面進(jìn)行的，長期高頻的使用粥诫，讓我們對其功能油航、結(jié)構(gòu)都非常熟悉。常見的一個(gè)情景：你換手機(jī)了（另一種系統(tǒng)機(jī)型）怀浆，如果新手機(jī)上的QQ/微信與之前用的差異較大谊囚，在使用時(shí)你會覺得難用、別扭执赡，需要花時(shí)間去熟悉镰踏、適應(yīng)，增加了學(xué)習(xí)成本沙合。
②奠伪，平臺規(guī)范。iOS剛推出的時(shí)候首懈，就有比較完善的平臺規(guī)范绊率。Android相對完整的規(guī)范則推出的比較晚，加之它的SDK版本很多究履，開發(fā)周期長滤否，所以在移動互聯(lián)網(wǎng)初期開發(fā)一款A(yù)pp，一般都是先進(jìn)iOS的開發(fā)最仑，然后再復(fù)制到Android上藐俺。隨著用戶認(rèn)知的不斷建立，用戶習(xí)慣的持續(xù)培養(yǎng)盯仪，現(xiàn)在想改過來也很難紊搪。
但是也有一些在遵循平臺規(guī)范上做的比較好的移動App，像網(wǎng)易云音樂全景、知乎等耀石。工作現(xiàn)狀
工作中進(jìn)行移動應(yīng)用設(shè)計(jì)時(shí)，理想的狀態(tài)：有足夠的時(shí)間爸黄，分別Android和iOS出一套設(shè)計(jì)方案進(jìn)行開發(fā)滞伟。但現(xiàn)實(shí)往往是：時(shí)間緊，預(yù)算少炕贵，人力資源短缺梆奈，要求同時(shí)開發(fā)運(yùn)行Android和iOS設(shè)備上的App。
此時(shí)可以考慮：
①称开，統(tǒng)一設(shè)計(jì)風(fēng)格亩钟。Android和iOS一套設(shè)計(jì)方案乓梨，節(jié)省時(shí)間，降低開發(fā)成本清酥。
②扶镀，微調(diào)設(shè)計(jì)方案。設(shè)計(jì)方案出來后焰轻，根據(jù)Android和iOS平臺規(guī)范的特點(diǎn)進(jìn)行一些微調(diào)臭觉，例如一些控件可以直接用原生的（日期彈層，提示框辱志，分享彈層等）蝠筑，一方面減少開發(fā)人員重新“造輪子”，另一方面也能使得App在不同的平臺上顯得自然些揩懒。
四什乙、頁面樣式
SaaS產(chǎn)品移動化，關(guān)于前期的準(zhǔn)備工作“東拉西扯”了很多旭从，可能有人已經(jīng)開始頭暈了稳强，下面開始上干貨。
關(guān)于SaaS產(chǎn)品和悦，接觸比較多的是ERP、采購管理軟件這一塊渠缕，所以接下來會更多的拿這方面的內(nèi)容來舉例鸽素，但是方法與技巧是共通的。
1.表格
a. 刪減字段，挑幾個(gè)重要的字段進(jìn)行展示测暗，其它字段刪除央串。這樣雖然能夠較好的在移動端展示，但卻無法滿足業(yè)務(wù)需求碗啄。
b. 加滾動條质和，該方案在滿足業(yè)務(wù)功能上沒有問題。但在操作體驗(yàn)上稚字，首先這是PC端的交互方式饲宿，不適合用在移動端厦酬；其次，“可拖動”的區(qū)域比較小瘫想，當(dāng)縱向數(shù)據(jù)較多時(shí)仗阅，滾動條可能出現(xiàn)在下一屏。再者殿托，左右拖動是一個(gè)動態(tài)的過程霹菊，用戶需要刻意的對拖動前后的信息建立連系。
c. 表格顯示在一塊固定的區(qū)域支竹。
當(dāng)左右滑動時(shí)旋廷，最左側(cè)的一列固定且懸浮，其它列整體左右滑動礼搁；
當(dāng)上下滑動時(shí)饶碘，最上面的一行固定且懸浮，其它行整體上下滑動馒吴。
該方案把表格移動化遇到的大部分問題都解決了扎运。但它的缺點(diǎn)是，開發(fā)成本很高饮戳，且對移動設(shè)備的硬件也有一定的要求豪治，特別是滑動時(shí)可能會出現(xiàn)卡頓。
通過對a扯罐、b负拟、c三種設(shè)計(jì)方案的利弊分析，發(fā)現(xiàn)都不是很理想歹河⊙谡悖“PC端的表格”、“移動端的表格”秸歧、“表格很寬”厨姚、“表格字段多”、“表格信息量大”……我們的思維已經(jīng)深陷在表格的“泥潭”中再難前進(jìn)键菱。此時(shí)需要將思維從這泥潭中“抽”出來谬墙，放下所有的包袱，重新開始纱耻。
表格是什么芭梯？表格是展示和傳遞數(shù)據(jù)信息的載體∨可參見《一個(gè)表格的自我修養(yǎng)》
既然是載體玖喘，也就是說在移動端的數(shù)據(jù)信息可以采用其它更合適的載體來承載。換句話說蘑志，就是可以嘗試在移動端采用其它的形式來展示PC端的表格信息累奈。（在意識上突破了表格）
2.多字段顯示
移動端單據(jù)詳情頁對于多字段的展示，主要有以下幾種形式：
- A類：適用于字段個(gè)數(shù)比較多的情況撒穷。使用要求：字段名長度在2~4個(gè)字之間匣椰。
- B類：適合直接展示在“首屏”的重要字段。使用要求：字段名長度在2~4個(gè)字之間端礼。
-
C類：屬于通用型的禽笑，比較適合于字段值為數(shù)字類的字段，也適合字段名長度相差比較大蛤奥，在2-8個(gè)字之間的字段佳镜。
多字段顯示
3.屏幕尺寸
相對于PC端的屏幕，移動端就顯得小的多凡桥，加之SaaS產(chǎn)品的信息量也比較多邀杏，所以在設(shè)計(jì)的過程中，要特別注意“首屏”所承載的信息量唬血，要把握好度。內(nèi)容過多唤崭，增加了用戶獲取信息的難度拷恨，內(nèi)容過少，頻繁操作谢肾，也不合適腕侄。
對于一個(gè)頁面內(nèi)的信息量（可能有多屏），也需要進(jìn)行控制芦疏。最重要的信息要第一時(shí)間呈現(xiàn)在用戶眼前冕杠，一些重要程度不高的信息，可以進(jìn)行“隱藏”（折疊）酸茴。
4.網(wǎng)絡(luò)狀態(tài)
網(wǎng)絡(luò)狀態(tài)分预，每個(gè)移動App都需要處理的問題，主要內(nèi)容就是在不同網(wǎng)絡(luò)情況下薪捍，進(jìn)行相應(yīng)的提示與告知笼痹。主要有這幾種情況：
- 無網(wǎng)絡(luò) — 進(jìn)行網(wǎng)絡(luò)未連接或網(wǎng)絡(luò)異常提示
-
有網(wǎng)
a. wifi — 隨意high配喳，不用管它。
b. 4G/3G/2G — 在下載（加載）一些比較大的內(nèi)容時(shí)凳干，進(jìn)行告知：你這在用流量晴裹！
c. 加載中 — 加載狀態(tài)的提示（轉(zhuǎn)動的小圈圈、進(jìn)度條等）
d. 加載失敗 — 失敗告知（可能是玩手機(jī)的姿勢不對哦）
結(jié)尾：
不知不覺已經(jīng)寫了這么多救赐，還是無法將SaaS產(chǎn)品移動化過程中的方方面面都照顧到涧团，更多的是在傳遞思想與方法，遇到問題了经磅，該怎么去分析問題泌绣，拿出設(shè)計(jì)方案，最后解決問題馋贤。在工作中赞别，一定會遇到各種各樣的難題，希望本文能對你有所啟發(fā)與幫助配乓。
