1. 程式人生 > >web頁面PC端和移動端的區別

web頁面PC端和移動端的區別

PC端和移動端的區別你知道嗎?

截至2015年11月,中國手機上網使用者數已超過9.05億,軟體移動化成為一種趨勢,移動產品經理成為了產品經理的一個重要分支,那麼對於移動端和PC端到底有什麼區別呢?在設計過程中有什麼差異?下面我們逐一分析。

一、PC端與移動端區別

有人說手機端無非就是PC端的移植,功能設計照搬就行了,這是對於移動設計最大的誤解,其實PC端與移動端是千差萬別的。

  1. 操作方式

PC端的操作方式與移動端已經有了明顯的差別,PC端使用滑鼠操作,操作包含滑動、左擊、右擊、雙擊操作,操作相對來說單一,互動效果相對較少,而對於手機端來說,包含手指操作點選、滑動、雙擊、雙指放大、雙指縮小、五指收縮和蘋果最新的3Dtouch按壓力度,除了手指操作外還可以配合感測器完成搖一搖、陀懸儀感應燈操作方式,操作方式更加的豐富,通過這些豐富的操作可設計不同新穎吸引人的互動互動設計。

  1. 螢幕尺寸

隨著時間的推移,移動端的裝置螢幕逐漸增大,但是你再大也是大不過PC電腦螢幕的,這是毋庸置疑的。PC端螢幕大,所以他的視覺範圍更廣,可設計的地方更多,設計性更強,相對來說容錯度更高一些有一些小的紕漏不容易被發現。移動端裝置相對來說螢幕較小,操作侷限性大,在設計上可用空間顯得尤為珍貴,在小小的螢幕上使用粗大的手指操作也需要在設計中避免原件過小過近。

  1. 網路環境

當下不管是移動端還是PC端都離不開網路,PC端裝置連線網路更加穩定,而移動端可能遇到訊號問題導致網路環境不佳,出現網速差甚至斷網的問題,這就需要產品經理在設計中充分考慮網路問題,更好的設計相應的解決方案。

  1. 感測器

移動端裝置重磅武器來襲,完善的感測器是PC端裝置望塵莫及的,壓力、方向、重力、GPS、NFC、指紋識別、3Dtouch、陀螺儀等等等等,就是因為這些感測器的存在才使得我們的生活更加豐富多彩,有了他們你才能玩賽車遊戲才能搖妹子才能統計每天走了多少步,產品在設計中巧妙地使用感測器能讓產品添姿加彩。

  1. 使用場景與使用時間

這兩塊我們一起來說,因為PC端裝置的使用場景多為在家或者學校公司等一些固定的場景,所以其使用時間偏向於持續化,在一個特定的時間段內持續使用,而移動端裝置不受侷限可以吃飯用、坐車用、拉屎用、無聊打發時間用、躺著用、坐著用、倒立著用都沒人管你,隨時隨地想用就用,所以他的使用時間更加靈活,時間更加碎片化,所以在操作上更偏向於短時間內可完成的。

  1. 軟體迭代時間以及更新頻次

你有沒有很久都沒有更新你的PC軟體了,但是你的手機軟體確實永遠保持著最新的狀態,這就是他們兩者的區別,對於移動端他的軟體迭代時間較短,使用者更新率較高而PC端軟體迭代時間較長,除非出於需要使用者一般不會主動更新軟體,軟體更新率低。

  1. 續航

除了筆記本PC端桌上型電腦只要有點他就從沒有考慮過這個問題,移動端裝置則需要考慮。

二、在功能設計上的區別

你有沒有在移動端看到過下拉選單,有沒有在PC端看到過滑動解鎖,相同的功能在不同的裝置上有其自己的展現形式,下面我們羅列一二,因為例子實在太多就不一一展開。

  1. 文字輸入

在文字輸入中,PC端一般使用文字框解決。
而在移動端中因為手機螢幕尺寸以及UI風格的原因我們基本沒有在手機上看到過PC端這樣的展現形式,而是採用另起一頁輸入或者文字後直接輸入方式,這就是各個平臺根據自身特性的展現形式。

  1. 內容選擇

在PC端中,一般使用下拉選單或者是單選按鈕形式完成內容選擇。
而在手機端由於手指的操作便捷性考慮一般不採用PC端的選擇方式而是通過列表選擇或者其他互動來完成。
這樣的設計點不勝列舉,就不一一展開了,還需要在日常生活工作中多多留意,切不可把PC端的設計模型照搬到移動端。