智能手機(jī)移動(dòng)應(yīng)用界面設(shè)計(jì)探析

2022-5-5    博博

隨著智能手機(jī)上移動(dòng)應(yīng)用的流行和普及,人們的生活方式得到了改變。而怎樣設(shè)計(jì)出有良好體驗(yàn)感和較高可用性的移動(dòng)應(yīng)用成了進(jìn)行界面設(shè)計(jì)需要研究的問(wèn)題。分析研究智能手機(jī)移動(dòng)應(yīng)用的使用特性對(duì)智能手機(jī)移動(dòng)應(yīng)用的設(shè)計(jì)顯得尤為必要。本文針對(duì)智能手機(jī)上的應(yīng)用使用

1.        前言

隨著科學(xué)技術(shù)的快速發(fā)展和人們生活水平的急速提升,手持移動(dòng)設(shè)備——智能手機(jī)、平板電腦等,已經(jīng)在人們的日常生活中普及起來(lái),特別是智能手機(jī),已經(jīng)成為幾乎人手必備的產(chǎn)品。人們?cè)缫巡痪窒抻谑刂娔X來(lái)滿足某項(xiàng)需求,通過(guò)智能手機(jī)中的APP移動(dòng)應(yīng)用,人們就可以獲取或者發(fā)布信息,實(shí)現(xiàn)聽(tīng)音樂(lè)、購(gòu)物、導(dǎo)航等功能需求。很明顯,移動(dòng)應(yīng)用的內(nèi)容和互動(dòng)方式越來(lái)越豐富和復(fù)雜,它的普及和流行也無(wú)疑改變了人們的生活習(xí)慣,為人們提供了新的生活方式,同時(shí)也促進(jìn)了APP移動(dòng)應(yīng)用程序的流行和發(fā)展。然而,移動(dòng)應(yīng)用在實(shí)際使用過(guò)程中卻顯露出許多不足,究其原因在于,早期的移動(dòng)應(yīng)用中通常直接將較為成熟的桌面應(yīng)用直接套用與移動(dòng)終端上。不可否認(rèn),這樣做可以讓桌面應(yīng)用的成熟用戶較為輕松、快速的使用移動(dòng)應(yīng)用。但缺陷在于,沒(méi)有考慮到移動(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 使用場(chǎng)景

與PC端的使用不同,智能手機(jī)的使用場(chǎng)景較為多變,幾乎不受限制。使用場(chǎng)所可以是室內(nèi)或戶外也可以是私人空間或公共場(chǎng)所,例如家、辦公大樓、餐廳或地鐵等。還可以以站著、坐著或躺著等姿態(tài)使用。正因?yàn)檫@樣復(fù)雜、多變的使用場(chǎng)景,一些問(wèn)題則不得不在我們的考慮范圍之內(nèi)。例如用戶在公共場(chǎng)所使用移動(dòng)應(yīng)用時(shí),私密性的保證;用戶的使用場(chǎng)景發(fā)生變化時(shí),使用的便利性和使用過(guò)程中斷的可能性等。

2.2 硬件條件

近年來(lái),為了滿足用戶的使用需求和提升體驗(yàn)感,智能手機(jī)的屏幕逐漸變大,“大屏幕”已經(jīng)成為現(xiàn)代智能手機(jī)的一大賣點(diǎn)。雖然智能手機(jī)屏幕有越來(lái)越大的發(fā)展趨勢(shì),但與電腦屏幕相比,仍是相差甚遠(yuǎn)。同時(shí),在復(fù)雜多變的使用場(chǎng)景中用戶往往使用單手操作,與電腦的操作相比,控制精度較低,出現(xiàn)誤操作的可能性更大。所以如何在有限的尺寸內(nèi),將內(nèi)容完整且準(zhǔn)確的呈現(xiàn)給用戶,尋求功能和需求之間的平衡就成了需要反復(fù)思考的問(wèn)題。

2.3 網(wǎng)絡(luò)環(huán)境

用戶使用智能手機(jī)移動(dòng)應(yīng)用的網(wǎng)絡(luò)環(huán)境目前分為2G、3G、4G、WIFI和無(wú)網(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ā),乘坐地鐵要到某大型商場(chǎng)。其本身使用的手機(jī)為3G網(wǎng)絡(luò),但因?yàn)榫W(wǎng)絡(luò)在地鐵環(huán)境中信號(hào)不穩(wěn)定,偶爾手機(jī)會(huì)變成無(wú)網(wǎng)絡(luò)的狀態(tài)。當(dāng)用戶到達(dá)大型商場(chǎng),用戶連接成功商場(chǎng)所提供的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)。用戶希望打開(kāi)應(yīng)用、發(fā)布命令后,移動(dòng)應(yīng)用能立刻開(kāi)始運(yùn)作,完成任務(wù)。當(dāng)操作中斷或不斷失敗,由于智能手機(jī)移動(dòng)應(yīng)用的使用特性,用戶很難有別的解決出口,大部分情況下,用戶只能是除了等待還是等待。這樣用戶就極易失去耐性,最終放棄操作。很明顯,快速、有效的體驗(yàn)過(guò)程才是用戶需要的。特別是移動(dòng)應(yīng)用特殊多變的使用場(chǎng)景和網(wǎng)絡(luò)環(huán)境,其操作的連貫性與WEB產(chǎn)品相比,顯得尤為重要。

2.5 使用界面

在PC端上操作界面時(shí),可以同時(shí)打開(kāi)多層界面,界面與界面之間的切換轉(zhuǎn)變顯得較為簡(jiǎ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),主要包括視覺(jué)層面和交互層面的設(shè)計(jì)要素。

3.1 界面的視覺(jué)設(shè)計(jì)

(1)充分考慮移動(dòng)端的多分辨率

現(xiàn)有智能手機(jī)市場(chǎng)有多種系統(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)是否在任意分辨率下都能完整清晰的展示出來(lái),設(shè)計(jì)的界面視覺(jué)風(fēng)格是否與相應(yīng)系統(tǒng)風(fēng)格相符合。

(2)對(duì)控件的合理安排

由于智能手機(jī)的界面展示空間較小和人們對(duì)屏幕界面進(jìn)行操控的精度有限,在常規(guī)控件的設(shè)計(jì)上,應(yīng)考慮界面大小和用戶的可觸碰范圍以及該控件的重要程度等因素來(lái)對(duì)控件進(jìn)行設(shè)計(jì)。要做到設(shè)計(jì)出來(lái)的控件或圖形易懂且易控。

3.2界面的交互設(shè)計(jì)

(1)合理精密的界面邏輯關(guān)系

智能手機(jī)的應(yīng)用界面在使用時(shí)若出現(xiàn)邏輯上的不清晰或錯(cuò)誤,從而需要退回至之前的某一頁(yè)面是十分困難的。其次,由于展示空間的限制,在有限界面上來(lái)回尋找某項(xiàng)功能會(huì)讓用戶處于十分焦慮的狀態(tài),從而降低產(chǎn)品的體驗(yàn)感。同時(shí),隨著界面層級(jí)的加深,用戶的流失量也會(huì)逐漸增加。所以,應(yīng)用界面的布局和界面的層級(jí)有較為合理的邏輯關(guān)系,且將用戶使用過(guò)程中出現(xiàn)中斷、方便用戶隨時(shí)退出、讓用戶對(duì)于當(dāng)下所處的位置有較清晰的認(rèn)識(shí)等方面考慮其中,能使用戶在使用應(yīng)用時(shí)更為順暢,有較高滿意度。

(2)提升使用連貫性

當(dāng)看見(jiàn)菊花轉(zhuǎn)或進(jìn)度條的界面時(shí),我們就知道,界面中的內(nèi)容正在被加載,我們需要等待。很顯然在這樣的加載頁(yè)面前,用戶將下意識(shí)將注意力投放到觀察進(jìn)度條的推進(jìn)速度上。在復(fù)雜的使用環(huán)境下,網(wǎng)速變慢和信號(hào)變差是經(jīng)常會(huì)出現(xiàn)的情況。當(dāng)單調(diào)、枯燥的加載界面持續(xù)時(shí)間稍長(zhǎng),會(huì)給用戶一種壓迫感。因?yàn)橛脩魶](méi)有辦法進(jìn)行別的操作,只能傻傻盯著進(jìn)度條等待,最后除了取消操作,別無(wú)選擇。在用戶的潛意識(shí)中會(huì)形成這款應(yīng)用本身就是很慢,使用起來(lái)感覺(jué)不好的印象。而針對(duì)這樣的現(xiàn)象,近來(lái)很多應(yīng)用開(kāi)始有了新的嘗試。從用戶的心理層面出發(fā),在一些細(xì)節(jié)上做出改善性的設(shè)計(jì),提升移動(dòng)應(yīng)用的使用連貫性。例如,預(yù)加載、框架式加載、利用緩存、使用有趣的動(dòng)畫效果等達(dá)到提升應(yīng)用使用連貫性的目的。

4.        總結(jié)

可見(jiàn),用戶在智能手機(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)品尤為重要。拋開(kāi)技術(shù)因素,無(wú)論在交互還是視覺(jué)方面做出細(xì)節(jié)上設(shè)計(jì)的優(yōu)化,來(lái)提升產(chǎn)品使用的連貫性和體驗(yàn)感,讓用戶在心理層面上覺(jué)得移動(dòng)產(chǎn)品使用起來(lái)很連貫、速度很快,這無(wú)疑是一種聰明的做法。從用戶選擇產(chǎn)品、發(fā)出操作命令、完成執(zhí)行過(guò)程最后到接受操作結(jié)果,整個(gè)操作過(guò)程中的每個(gè)環(huán)節(jié)都值得設(shè)計(jì)師努力優(yōu)化,減少甚至避免中斷的間隙從而提升體驗(yàn)感。


文章來(lái)源:站酷   作者:cinyagong

分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、
BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

分享本文至:

日歷

鏈接

個(gè)人資料

存檔