2022-5-5 博博
1. 前言
隨著科學(xué)技術(shù)的快速發(fā)展和人們生活水平的急速提升,手持移動(dòng)設(shè)備——智能手機(jī)、平板電腦等,已經(jīng)在人們的日常生活中普及起來,特別是智能手機(jī),已經(jīng)成為幾乎人手必備的產(chǎn)品。人們?cè)缫巡痪窒抻谑刂娔X來滿足某項(xiàng)需求,通過智能手機(jī)中的APP移動(dòng)應(yīng)用,人們就可以獲取或者發(fā)布信息,實(shí)現(xiàn)聽音樂、購物、導(dǎo)航等功能需求。很明顯,移動(dòng)應(yīng)用的內(nèi)容和互動(dòng)方式越來越豐富和復(fù)雜,它的普及和流行也無疑改變了人們的生活習(xí)慣,為人們提供了新的生活方式,同時(shí)也促進(jìn)了APP移動(dòng)應(yīng)用程序的流行和發(fā)展。然而,移動(dòng)應(yīng)用在實(shí)際使用過程中卻顯露出許多不足,究其原因在于,早期的移動(dòng)應(yīng)用中通常直接將較為成熟的桌面應(yīng)用直接套用與移動(dòng)終端上。不可否認(rèn),這樣做可以讓桌面應(yīng)用的成熟用戶較為輕松、快速的使用移動(dòng)應(yīng)用。但缺陷在于,沒有考慮到移動(dòng)應(yīng)用特有的交互方式和交互環(huán)境,導(dǎo)致可用性不高。很顯然,智能手機(jī)上的移動(dòng)應(yīng)用和PC端的應(yīng)用產(chǎn)品相比,有其特有的使用特性。只有充分了解移動(dòng)端應(yīng)用的使用特性,才能為移動(dòng)應(yīng)用的界面設(shè)計(jì)工作打好基礎(chǔ)。
2. 移動(dòng)應(yīng)用的使用特性
2.1 使用場景
與PC端的使用不同,智能手機(jī)的使用場景較為多變,幾乎不受限制。使用場所可以是室內(nèi)或戶外也可以是私人空間或公共場所,例如家、辦公大樓、餐廳或地鐵等。還可以以站著、坐著或躺著等姿態(tài)使用。正因?yàn)檫@樣復(fù)雜、多變的使用場景,一些問題則不得不在我們的考慮范圍之內(nèi)。例如用戶在公共場所使用移動(dòng)應(yīng)用時(shí),私密性的保證;用戶的使用場景發(fā)生變化時(shí),使用的便利性和使用過程中斷的可能性等。
2.2 硬件條件
近年來,為了滿足用戶的使用需求和提升體驗(yàn)感,智能手機(jī)的屏幕逐漸變大,“大屏幕”已經(jīng)成為現(xiàn)代智能手機(jī)的一大賣點(diǎn)。雖然智能手機(jī)屏幕有越來越大的發(fā)展趨勢,但與電腦屏幕相比,仍是相差甚遠(yuǎn)。同時(shí),在復(fù)雜多變的使用場景中用戶往往使用單手操作,與電腦的操作相比,控制精度較低,出現(xiàn)誤操作的可能性更大。所以如何在有限的尺寸內(nèi),將內(nèi)容完整且準(zhǔn)確的呈現(xiàn)給用戶,尋求功能和需求之間的平衡就成了需要反復(fù)思考的問題。
2.3 網(wǎng)絡(luò)環(huán)境
用戶使用智能手機(jī)移動(dòng)應(yīng)用的網(wǎng)絡(luò)環(huán)境目前分為2G、3G、4G、WIFI和無網(wǎng)絡(luò)五種。但用戶在使用移動(dòng)應(yīng)用時(shí)的網(wǎng)絡(luò)狀況和較為穩(wěn)定的PC端網(wǎng)絡(luò)條件不同,移動(dòng)端的網(wǎng)絡(luò)環(huán)境并不是單一不變的,時(shí)常會(huì)因?yàn)榄h(huán)境的變化而變化。例如,某用戶從家中出發(fā),乘坐地鐵要到某大型商場。其本身使用的手機(jī)為3G網(wǎng)絡(luò),但因?yàn)榫W(wǎng)絡(luò)在地鐵環(huán)境中信號(hào)不穩(wěn)定,偶爾手機(jī)會(huì)變成無網(wǎng)絡(luò)的狀態(tài)。當(dāng)用戶到達(dá)大型商場,用戶連接成功商場所提供的WIFI網(wǎng)絡(luò),那么用戶使用移動(dòng)應(yīng)用則處于WIFI網(wǎng)絡(luò)條件下。所以對(duì)移動(dòng)應(yīng)用進(jìn)行設(shè)計(jì)時(shí)應(yīng)考慮到各種網(wǎng)絡(luò)環(huán)境的變化。
2.4 使用心態(tài)
移動(dòng)應(yīng)用作為一種用戶貼身使用的工具,用戶使用移動(dòng)應(yīng)用的初衷更多的是有定向和較為明確的需求點(diǎn)。用戶希望打開應(yīng)用、發(fā)布命令后,移動(dòng)應(yīng)用能立刻開始運(yùn)作,完成任務(wù)。當(dāng)操作中斷或不斷失敗,由于智能手機(jī)移動(dòng)應(yīng)用的使用特性,用戶很難有別的解決出口,大部分情況下,用戶只能是除了等待還是等待。這樣用戶就極易失去耐性,最終放棄操作。很明顯,快速、有效的體驗(yàn)過程才是用戶需要的。特別是移動(dòng)應(yīng)用特殊多變的使用場景和網(wǎng)絡(luò)環(huán)境,其操作的連貫性與WEB產(chǎn)品相比,顯得尤為重要。
2.5 使用界面
在PC端上操作界面時(shí),可以同時(shí)打開多層界面,界面與界面之間的切換轉(zhuǎn)變顯得較為簡單方便,且PC端的顯示信息較為豐富、充分。而在移動(dòng)終端上對(duì)應(yīng)用界面的操控就顯然更吃力一些了。在有限的屏幕下,信息的展示更為局限,且實(shí)施多界面操作時(shí)較為不便,例如想實(shí)現(xiàn)從某一界面跳回到之前的某一界面,可能要經(jīng)歷多重步驟。
3. 移動(dòng)應(yīng)用界面設(shè)計(jì)分析
上述智能手機(jī)移動(dòng)應(yīng)用的使用特性正是影響和指導(dǎo)智能手機(jī)移動(dòng)應(yīng)用界面設(shè)計(jì)的重要因素,由此對(duì)智能手機(jī)移動(dòng)應(yīng)用界面的設(shè)計(jì)分析可得出一些設(shè)計(jì)要點(diǎn),主要包括視覺層面和交互層面的設(shè)計(jì)要素。
3.1 界面的視覺設(shè)計(jì)
(1)充分考慮移動(dòng)端的多分辨率
現(xiàn)有智能手機(jī)市場有多種系統(tǒng)存在,例如IOS系統(tǒng)、Android系統(tǒng)等,且不同系統(tǒng)的界面風(fēng)格和界面交互習(xí)慣不同。同時(shí),不同款式的智能手機(jī)持有不同的分辨率,而一款移動(dòng)應(yīng)用的設(shè)計(jì)是需要在其在不同系統(tǒng)或不同分辨率下都能適用。這就要求在進(jìn)行移動(dòng)應(yīng)用的界面設(shè)計(jì)時(shí),要考慮到設(shè)計(jì)畫面中要表達(dá)的信息重點(diǎn)是否在任意分辨率下都能完整清晰的展示出來,設(shè)計(jì)的界面視覺風(fēng)格是否與相應(yīng)系統(tǒng)風(fēng)格相符合。
(2)對(duì)控件的合理安排
由于智能手機(jī)的界面展示空間較小和人們對(duì)屏幕界面進(jìn)行操控的精度有限,在常規(guī)控件的設(shè)計(jì)上,應(yīng)考慮界面大小和用戶的可觸碰范圍以及該控件的重要程度等因素來對(duì)控件進(jìn)行設(shè)計(jì)。要做到設(shè)計(jì)出來的控件或圖形易懂且易控。
3.2界面的交互設(shè)計(jì)
(1)合理精密的界面邏輯關(guān)系
智能手機(jī)的應(yīng)用界面在使用時(shí)若出現(xiàn)邏輯上的不清晰或錯(cuò)誤,從而需要退回至之前的某一頁面是十分困難的。其次,由于展示空間的限制,在有限界面上來回尋找某項(xiàng)功能會(huì)讓用戶處于十分焦慮的狀態(tài),從而降低產(chǎn)品的體驗(yàn)感。同時(shí),隨著界面層級(jí)的加深,用戶的流失量也會(huì)逐漸增加。所以,應(yīng)用界面的布局和界面的層級(jí)有較為合理的邏輯關(guān)系,且將用戶使用過程中出現(xiàn)中斷、方便用戶隨時(shí)退出、讓用戶對(duì)于當(dāng)下所處的位置有較清晰的認(rèn)識(shí)等方面考慮其中,能使用戶在使用應(yīng)用時(shí)更為順暢,有較高滿意度。
(2)提升使用連貫性
當(dāng)看見菊花轉(zhuǎn)或進(jìn)度條的界面時(shí),我們就知道,界面中的內(nèi)容正在被加載,我們需要等待。很顯然在這樣的加載頁面前,用戶將下意識(shí)將注意力投放到觀察進(jìn)度條的推進(jìn)速度上。在復(fù)雜的使用環(huán)境下,網(wǎng)速變慢和信號(hào)變差是經(jīng)常會(huì)出現(xiàn)的情況。當(dāng)單調(diào)、枯燥的加載界面持續(xù)時(shí)間稍長,會(huì)給用戶一種壓迫感。因?yàn)橛脩魶]有辦法進(jìn)行別的操作,只能傻傻盯著進(jìn)度條等待,最后除了取消操作,別無選擇。在用戶的潛意識(shí)中會(huì)形成這款應(yīng)用本身就是很慢,使用起來感覺不好的印象。而針對(duì)這樣的現(xiàn)象,近來很多應(yīng)用開始有了新的嘗試。從用戶的心理層面出發(fā),在一些細(xì)節(jié)上做出改善性的設(shè)計(jì),提升移動(dòng)應(yīng)用的使用連貫性。例如,預(yù)加載、框架式加載、利用緩存、使用有趣的動(dòng)畫效果等達(dá)到提升應(yīng)用使用連貫性的目的。
4. 總結(jié)
可見,用戶在智能手機(jī)移動(dòng)應(yīng)用上的使用較PC端產(chǎn)品相比,在諸多方面都有所不同。智能手機(jī)移動(dòng)應(yīng)用的使用環(huán)境更為復(fù)雜,用戶的注意力更難集中,影響操作感的因素更多多,分析、了解智能手機(jī)端上界面操作的特性對(duì)于設(shè)計(jì)出有良好體驗(yàn)感的應(yīng)用產(chǎn)品尤為重要。拋開技術(shù)因素,無論在交互還是視覺方面做出細(xì)節(jié)上設(shè)計(jì)的優(yōu)化,來提升產(chǎn)品使用的連貫性和體驗(yàn)感,讓用戶在心理層面上覺得移動(dòng)產(chǎn)品使用起來很連貫、速度很快,這無疑是一種聰明的做法。從用戶選擇產(chǎn)品、發(fā)出操作命令、完成執(zhí)行過程最后到接受操作結(jié)果,整個(gè)操作過程中的每個(gè)環(huán)節(jié)都值得設(shè)計(jì)師努力優(yōu)化,減少甚至避免中斷的間隙從而提升體驗(yàn)感。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.91whvog3.cn