目前手機已成為人們日常最無法離開的物品,移動端熱度也隨之不斷上升,與此同時,用戶越來越希望能夠在Web、手機、PC等終端下可以輕鬆獲取和發布信息,並且在不同終端上保持數據同步和核心功能同步。每種終端都有自己的優勢和劣勢,互聯網產品也更加註重在不同場景下的多端融合以及鏈性發展,那同一產品功能在不同平台下又有哪些區別設計點呢?

一、移動端和Web版的區別

先做個小科普歸納一下各種終端叫法:

1、頁面展示

具體的區別可以去百度知乎找找(或是直接看看手機QQ、PC版QQ和WEB QQ)。這裏主要說明一下站在用戶視角,移動端和WEB版有哪些主要區別:

用戶最直觀的感受往往是頁面展示上的不同,WEB端偏重在同一個頁面中,根據各自重點盡可能多的展示信息,而移動端則局限於手機屏幕大小,主要展示核心信息。同時,移動端更注重縮短用戶操作路徑,將用戶高頻使用點盡可能方便地推到用戶眼前。

2、操作習慣

這點比較容易理解,Web端基於電腦的鼠標鍵盤操作,以點擊為主;而移動端基於手機,常見的操作除了點擊,還有長按、下拉、左右滑動等,不同的操作對應不場景下的用戶使用習慣。

3、功能增減

同一產品在移動端和WEB端基本都會有功能增減,主要基於功能是否屬於用戶高頻使用點,以及終端特性的考慮,比如在手機上依靠GPS定位的相關功能、搖一搖、掃一掃等,這些就屬於移動端的特有功能點。

二、實操-不同平台下的設計要點

拿之前產品中的一個小功能點做個栗子吧:BTW,範例遠談不上,本汪作為移動產品經理其實接觸WEB版的時間也相對較短,算是拋磚引玉,更算是在整理的過程中再給自己一次反思的機會。

功能點:會議管理。功能比較簡單,移動端和WEB端功能基本保持一致。

客戶端創建頁面部分截圖:

WEB端創建頁面部分截圖:

部分頁面上的細節說明:

相同點:

  • 流程:這個不管是哪個產品,多端上的核心流程大致相同,不然用戶在跨平台使用時很可能就懵逼了。
  • 字段:以上小功能點是在創建頁面,因此字段大致相同,但是有些場景下需要區別考慮,尤其是在頁面概要展示和全局功能部分,移動端往往只將用戶最需要的內容放在用戶的眼前,該隱藏的考慮隱藏,該屏蔽的需要屏蔽。

主要區別點:

  • 頁面布局:移動端偏重將展示集中整合,WEB端可更多平鋪。
  • 容錯:移動端的誤操作幾率相對較大,因此需要的更強容錯機制(如在返回時的選擇確認)
  • 組件:各種複選、時間選擇等組件操作細節。

另外隨着H5開發方式的普及,現在不少產品通過製作H5頁面讓移動端和WEB端共同調用來實現功能,這種方式的優勢在於實現速度明顯更快(只開發一套總比開發兩套要快),劣勢在於一些細節可能不夠完善,比如由於分辨率造成展示不友好等。

三、幾個題外小問題

1、做原型是在哪個環節?

大家拿到一個需求,往往會習慣性的先打開原型工具(我曾經也是這樣,總覺得原型是需求產物,需求評審的時候主要就是評審這個,得趕快做)。

在上圖需求實現過程中,可以看到其實做原型是在比較靠後的位置,在此之前更重要的是:把解決用戶什麼問題、流程是什麼樣、哪些是核心功能點整理清楚。

2、為什麼功能越做越多?

這個問題經常碰到,“less is more”——道理誰都知道,然而真實過程中確實很容易發生功能堆積的情況。大致的原因往往是自己或是團隊YY提出各種奇葩的可能性,然後再YY地設計各種功能以求閉環,為了1%出現的可能性而付出了讓99%的用戶體驗差的代價。

3、為什麼我感覺原型都畫不好看?

這個問題,原型是用來表達思想的,不是用來好看的。

你又不是賣畫的。

4、最近我很迷茫不知道要做什麼,是不是要看一些比較正面勵志的書?

勵志或雞湯的內容不要看太多,牛逼的人不會一般不會告訴你曾經發生過多苦逼的事情,再勵志那也是別人的人生。很多事情你看起來覺得很簡單,真正做的時候就知道那都是淚哇!紙上得來終覺淺,絕知此事要躬行。

5、工作環境中很多人無所事事每天混日子,我感覺挺不平衡的怎麼辦?

你確定要和low逼比low?

 

作者:臨公子(微信號公眾號:臨公子的后花園),一枚喜歡理財、健身、不愛灌雞湯喜歡喝咖啡的美汪。