移動裝置的層出不窮,讓介面設計也得之快速發展。而不同的移動裝置有著不同的裝置特性,視覺語言也有許多不同之處。文章選取iPad平板電腦這個區別於電腦與手機的移動裝置,基於它的特性探討iPad應用的介面設計的視覺語言,探究如何提升介面視覺設計的可用性與易用性,以幫助使用者更加方便使用應用,獲得更好的使用者體驗。
一)輸入方式
智慧手機和平板:使用點選、滑動、收縮和旋轉等手勢來模擬對螢幕上物件的直接操作。
PC:使用鍵盤、滑鼠及其他外接裝置間接的實現對螢幕上物件的操作。
作為兩種不同的輸入方式,使用鍵盤、滑鼠等裝置進行輸入和通過手指觸控進行輸入有著各自的優缺點。不同的輸入方式在設計時需要考慮的因素也存在差異。
二)螢幕尺寸
智慧手機和平板:常見的螢幕尺寸為2.8—10.1英寸。
PC:螢幕尺寸通常大於13英寸。
受限於螢幕尺寸,移動應用在設計時除了需要提供清晰的操作邏輯和引導來幫助使用者瞭解當前在哪以及接下來該幹什麼,還應該考慮到控制元件或應用之間的相互干擾。
早期的移動應用在設計登入介面時,會按照從上到下的操作順序在螢幕的中心區域依次放置帳號輸入框,密碼輸入框和登入按鈕。這種設計看似沒什麼問題,但在實際使用時登入按鈕可能會被虛擬鍵盤擋住,導致必須先隱藏掉虛擬鍵盤才能點選登入按鈕。
現在的大多數移動應用會通過調整登入按鈕的位置或將整個登入介面向上推起等方式避免虛擬鍵盤擋住登入按鈕。
與移動應用啟動後獨佔整個螢幕不一樣,多數PC應用啟動後會以視窗的形式顯示在螢幕上。當視窗的尺寸可以調整時,需要考慮到視窗尺寸的變化對應用的影響,根據產品的實際情況決定是否對視窗內的內容做自適應處理,或限定視窗的最小尺寸。
三)干擾因素
使用移動應用時,容易受到周邊環境、裝置握持姿勢等外在因素的`干擾,但在使用PC應用時,最大的干擾往往來自於應用與應用之間的相互影響。
四)移動應用與PC應用互動方式間的相互影響
平臺和終端的差異帶來互動方式的差異,互動方式間的借鑑與學習會促使設計者反思現有的且看起來理所當然的一些互動方式是否合理,從而進一步提升產品的使用體驗。