淺談移動應用與PC應用的交互差異
移動設備的層出不窮,讓界面設計也得之快速發展。而不同的移動設備有着不同的設備特性,視覺語言也有許多不同之處。文章選取iPad平板電腦這個區別於電腦與手機的移動設備,基於它的特性探討iPad應用的界面設計的視覺語言,探究如何提升界面視覺設計的可用性與易用性,以幫助用户更加方便使用應用,獲得更好的用户體驗。
一)輸入方式
智能手機和平板:使用點擊、滑動、收縮和旋轉等手勢來模擬對屏幕上對象的直接操作。
PC:使用鍵盤、鼠標及其他外接設備間接的實現對屏幕上對象的操作。
作為兩種不同的輸入方式,使用鍵盤、鼠標等設備進行輸入和通過手指觸摸進行輸入有着各自的優缺點。不同的輸入方式在設計時需要考慮的因素也存在差異。
二)屏幕尺寸
智能手機和平板:常見的屏幕尺寸為2.8—10.1英寸。
PC:屏幕尺寸通常大於13英寸。
受限於屏幕尺寸,移動應用在設計時除了需要提供清晰的操作邏輯和引導來幫助用户瞭解當前在哪以及接下來該幹什麼,還應該考慮到控件或應用之間的相互干擾。
早期的移動應用在設計登錄界面時,會按照從上到下的操作順序在屏幕的中心區域依次放置帳號輸入框,密碼輸入框和登錄按鈕。這種設計看似沒什麼問題,但在實際使用時登錄按鈕可能會被虛擬鍵盤擋住,導致必須先隱藏掉虛擬鍵盤才能點擊登錄按鈕。
現在的大多數移動應用會通過調整登錄按鈕的位置或將整個登錄界面向上推起等方式避免虛擬鍵盤擋住登錄按鈕。
與移動應用啟動後獨佔整個屏幕不一樣,多數PC應用啟動後會以窗口的形式顯示在屏幕上。當窗口的尺寸可以調整時,需要考慮到窗口尺寸的變化對應用的影響,根據產品的實際情況決定是否對窗口內的內容做自適應處理,或限定窗口的最小尺寸。
三)干擾因素
使用移動應用時,容易受到周邊環境、設備握持姿勢等外在因素的`干擾,但在使用PC應用時,最大的干擾往往來自於應用與應用之間的相互影響。
四)移動應用與PC應用交互方式間的相互影響
平台和終端的差異帶來交互方式的差異,交互方式間的借鑑與學習會促使設計者反思現有的且看起來理所當然的一些交互方式是否合理,從而進一步提升產品的使用體驗。
-
關於JavaScript中繼承的深入理解
JavaScript中我們可以藉助原型實現繼承。例如functionbaz(){="";}functionfoo(){}otype=newbaz();varmyFoo=newfoo();;這樣我們就可以訪問到baz裏的屬性oo啦。在實際使用中這個樣不行滴,由於原型的共享特點(數據保存在了堆上),所有實例都使用一個原型,一但baz的屬性...
-
PHP開發工程師的主要職責
PHP開發工程師的主要職責1職責:1、負責公司後端的研發,保障系統的穩定性和質量2、與業務需求部門及項目經理溝通,理解需求,進行架構設計;3、搭建開發框架、負責核心代碼的編寫,解決技術難點;4、界定、分析和解決系統中存在的問題和缺陷;5、對系統進行持續改進,提升系...
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想説説javascript中函數的隱含參數:argumentsarguments該對象代表正在執行的函數和調用它的函數的參數。[function.]arguments[n]參數function:選項。當前正在執行的Function對象的名字。n:選項。要傳遞給Function對象的從0開始的參數值...
-
學習JavaScript的7個理由
為什麼要學習JavaScript?學習JavaScript對我們的工作有什麼幫助麼?下面YJBYS小編為大家講解!需求我之所以這樣説的主要原因是,隨着JavaScript的日漸成熟,以及方案變得越來越可行,我們對JavaScript程序員的需求正在持續增長。JavaScript在需求比例上已經超過了C#,僅...