起點課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標識實操 | 同一產(chǎn)品功能在不同終端下的設(shè)計異同
目前手機已成為人們?nèi)粘Ｗ顭o法離開的物品，移動端熱度也隨之不斷上升，與此同時，用戶越來越希望能夠在Web、手機、PC等終端下可以輕松獲取和發(fā)布信息，并且在不同終端上保持數(shù)據(jù)同步和核心功能同步。每種終端都有自己的優(yōu)勢和劣勢，互聯(lián)網(wǎng)產(chǎn)品也更加注重在不同場景下的多端融合以及鏈性發(fā)展，那同一產(chǎn)品功能在不同平臺下又有哪些區(qū)別設(shè)計點呢？
一、移動端和Web版的區(qū)別
先做個小科普歸納一下各種終端叫法：
1、頁面展示
具體的區(qū)別可以去百度知乎找找（或是直接看看手機QQ、PC版QQ和WEB QQ）。這里主要說明一下站在用戶視角，移動端和WEB版有哪些主要區(qū)別：
用戶最直觀的感受往往是頁面展示上的不同，WEB端偏重在同一個頁面中，根據(jù)各自重點盡可能多的展示信息，而移動端則局限于手機屏幕大小，主要展示核心信息。同時，移動端更注重縮短用戶操作路徑，將用戶高頻使用點盡可能方便地推到用戶眼前。
2、操作習(xí)慣
這點比較容易理解，Web端基于電腦的鼠標鍵盤操作，以點擊為主；而移動端基于手機，常見的操作除了點擊，還有長按、下拉、左右滑動等，不同的操作對應(yīng)不場景下的用戶使用習(xí)慣。
3、功能增減
同一產(chǎn)品在移動端和WEB端基本都會有功能增減，主要基于功能是否屬于用戶高頻使用點，以及終端特性的考慮，比如在手機上依靠GPS定位的相關(guān)功能、搖一搖、掃一掃等，這些就屬于移動端的特有功能點。
二、實操-不同平臺下的設(shè)計要點
拿之前產(chǎn)品中的一個小功能點做個栗子吧：BTW，范例遠談不上，本汪作為移動產(chǎn)品經(jīng)理其實接觸WEB版的時間也相對較短，算是拋磚引玉，更算是在整理的過程中再給自己一次反思的機會。
功能點：會議管理。功能比較簡單，移動端和WEB端功能基本保持一致。
客戶端創(chuàng)建頁面部分截圖：
WEB端創(chuàng)建頁面部分截圖：
部分頁面上的細節(jié)說明：
相同點：
- 流程：這個不管是哪個產(chǎn)品，多端上的核心流程大致相同，不然用戶在跨平臺使用時很可能就懵了。
- 字段：以上小功能點是在創(chuàng)建頁面，因此字段大致相同，但是有些場景下需要區(qū)別考慮，尤其是在頁面概要展示和全局功能部分，移動端往往只將用戶最需要的內(nèi)容放在用戶的眼前，該隱藏的考慮隱藏，該屏蔽的需要屏蔽。
主要區(qū)別點：
- 頁面布局：移動端偏重將展示集中整合，WEB端可更多平鋪。
- 容錯：移動端的誤操作幾率相對較大，因此需要的更強容錯機制（如在返回時的選擇確認）
- 組件：各種復(fù)選、時間選擇等組件操作細節(jié)。
另外隨著H5開發(fā)方式的普及，現(xiàn)在不少產(chǎn)品通過制作H5頁面讓移動端和WEB端共同調(diào)用來實現(xiàn)功能，這種方式的優(yōu)勢在于實現(xiàn)速度明顯更快（只開發(fā)一套總比開發(fā)兩套要快），劣勢在于一些細節(jié)可能不夠完善，比如由于分辨率造成展示不友好等。
三、幾個題外小問題
1、做原型是在哪個環(huán)節(jié)？
大家拿到一個需求，往往會習(xí)慣性的先打開原型工具（我曾經(jīng)也是這樣，總覺得原型是需求產(chǎn)物，需求評審的時候主要就是評審這個，得趕快做）。
在上圖需求實現(xiàn)過程中，可以看到其實做原型是在比較靠后的位置，在此之前更重要的是：把解決用戶什么問題、流程是什么樣、哪些是核心功能點整理清楚。
2、為什么功能越做越多？
這個問題經(jīng)常碰到，“l(fā)ess is more”——道理誰都知道，然而真實過程中確實很容易發(fā)生功能堆積的情況。大致的原因往往是自己或是團隊YY提出各種奇葩的可能性，然后再YY地設(shè)計各種功能以求閉環(huán)，為了1%出現(xiàn)的可能性而付出了讓99%的用戶體驗差的代價。
3、為什么我感覺原型都畫不好看？
這個問題，原型是用來表達思想的，不是用來好看的。
你又不是賣畫的。
4、最近我很迷茫不知道要做什么，是不是要看一些比較正面勵志的書？
勵志或雞湯的內(nèi)容不要看太多，牛的人不會一般不會告訴你曾經(jīng)發(fā)生過多苦的事情，再勵志那也是別人的人生。很多事情你看起來覺得很簡單，真正做的時候就知道那都是淚哇！紙上得來終覺淺，絕知此事要躬行。
5、工作環(huán)境中很多人無所事事每天混日子，我感覺挺不平衡的怎么辦？
你確定要和low逼比low？
作者：臨公子（微信號公眾號：臨公子的后花園），一枚喜歡理財、健身、不愛灌雞湯喜歡喝咖啡的美汪。
學(xué)習(xí)了～
算個分享，相互學(xué)習(xí)~：）
妹紙好心細 ?? 是這樣：
1、在移動端中，2個時間段（年月日時分）同一行時，不管加選擇開關(guān)或是固定字段展示，頁面都會顯得很擁擠，分辨率低的屏幕上會出現(xiàn)變形的可能。所以會議時間這個必選項是以這種方式展示。
2、簽到時間/簽退時間的開關(guān)是需要展示給用戶選擇的，而對應(yīng)時間段是可隱藏的，因此拆分為兩行。：）
問個問題：為什么APP端的會議時間不能一行展示，而不像簽到時間一樣放在下面一行呢？而且是點進去選擇時間？能分享下當時是怎么考慮的嗎？