2022-06-24 分類: 用戶體驗
在規(guī)劃一個移動端的應(yīng)用程序時,創(chuàng)新互聯(lián)告訴您應(yīng)當(dāng)牢記在心的最主要的一件工作即是務(wù)必要確保你的程序是有用且直觀的。假如這個程序沒有用處,那么對用戶來講就沒有任何的實踐價值,天然地也就沒有人有任何理由去運(yùn)用它。而假如這個程序有用但需求用戶支付很多的學(xué)習(xí)本錢,用戶天然也是不會愿意去投入學(xué)習(xí)的。
優(yōu)異的界面規(guī)劃都能夠戰(zhàn)勝以上兩個疑問:
為了到達(dá)可用性意圖,應(yīng)用程序應(yīng)當(dāng)是以用戶為中心的。用戶之所以裝置你的程序是由于他們需求處理某個急迫的疑問,也即是說,你的程序一定是要有實踐用處的。你要細(xì)心思考用戶會是怎樣按著它們的方法測驗去完結(jié)自個的目標(biāo)需求的。
賦予界面滿足的明晰度。為了有用運(yùn)用他們面臨的用戶界面,大家首要有必要意識到這個界面是干嗎用的又該怎樣運(yùn)用它。因而,在思考界面是不是還要明晰時絕不要猶疑。
以下是9個中心原則:
關(guān)于用戶體會來說,用戶的注意力無疑是一種十分寶貴的資本,而你的規(guī)劃應(yīng)當(dāng)合理地分配這一資本。假如你的用戶界面承載了比方按鈕、圖像、文本等許多雜亂的信息,必然導(dǎo)致信息過載給用戶帶來壓力。
有一句出自 Antoine de Saint-Exupéry 得聞名的短語,即”到達(dá)好,并不是好得不能再好,而是好得一點都不剩余?!? 相似的,在移動規(guī)劃中,擺脫掉全部并非肯定必要的信息是十分主要的,由于其削減了紊亂,而提高了用戶的了解。
有一條簡單的經(jīng)歷規(guī)律:每一個屏幕應(yīng)當(dāng)僅保留一個主要的動作。關(guān)于你的程序而言,其每一屏都應(yīng)當(dāng)向那些運(yùn)用它的用戶提供一個有實踐價值的獨立動作。這使的它易于學(xué)習(xí),易于運(yùn)用,易于在必要的時分參加或創(chuàng)立。比較于一個雜亂的屏幕,100個明晰的屏幕才是更可取的。
拿 Uber 來說,Uber清楚地知道用戶運(yùn)用他們應(yīng)用程序的意圖是叫到一輛車,所以程序中并沒有掩蓋太多信息: 它能夠根據(jù)地輿數(shù)據(jù)主動定位用戶的所在方位,唯一需求用戶去做的工作就僅僅挑選上車方位。
對任何應(yīng)用程序來說,協(xié)助用戶導(dǎo)航前往精確的當(dāng)?shù)囟际沁m當(dāng)主要的一件工作。優(yōu)異的導(dǎo)航規(guī)劃就比方輔導(dǎo)用戶旅程的一只無形的手。終究,假如用戶都發(fā)現(xiàn)不了,那么再酷的功用特性或最最吸引人的內(nèi)容也是沒用的。優(yōu)異的移動導(dǎo)航遵從以下基本原則:
(1)導(dǎo)航有必要是連貫的。首要,你應(yīng)當(dāng)運(yùn)用恰當(dāng)?shù)臉?biāo)識物(精確的視覺隱喻),這么導(dǎo)航元素就不需求額定的解說闡明用戶就能了解,其次,要確保每個導(dǎo)航元素(如圖表)指向了精確的意圖地。
(2)導(dǎo)航有必要堅持一致性。在不相同頁面中,千萬不要把導(dǎo)航控件移動到不相同的方位或者躲藏起來。這么會很簡單運(yùn)用戶迷失掉的。
(3)導(dǎo)航應(yīng)當(dāng)傳達(dá)出用戶當(dāng)時的方位。無法標(biāo)明當(dāng)時方位也許是咱們在應(yīng)用程序菜單中最??吹降囊粋€疑問?!拔以谀睦?” 是用戶要成功的導(dǎo)航前有必要答復(fù)的基本疑問之一。
你不應(yīng)當(dāng)將移動規(guī)劃視作是孤立的。對用戶來講,創(chuàng)立一個在移動端、桌面端和平板端無縫聯(lián)系的體會是十分主要的。
以 Apple Music 為例,你在 Mac 端設(shè)置一個播放列表后會很快在 iPhone 上也看到該列表。 Apple 意識到在跨渠道間堅持這種數(shù)據(jù)的同步,創(chuàng)立出良好的無縫聯(lián)系的體會是十分主要的。
比較于大的觸控控件,小的天然更難于操作。當(dāng)你在規(guī)劃移動端的用戶界面時,好是讓你的控件的可接觸面積滿足大,這么用戶才簡單觸及到。
控件的大好要控制在7 - 10毫米,這么用戶方能夠精確地運(yùn)用手指觸及到。;另一方面,用戶在跟控件發(fā)生交互時,控件的邊際應(yīng)當(dāng)是可見的,能夠以明晰的視覺反應(yīng)向用戶傳達(dá)他們的確觸及到控件本身了。
另外,要確保不相同的控件間有適宜的留白區(qū)域。
比較于臺式電腦,智能手機(jī)的屏幕要相對小的多,這就意味著怎樣把很多的信息裝到這個小屏中不得不說是移動規(guī)劃的一大應(yīng)戰(zhàn)。您也許有一個挺吸引人的主意,即把所有信息都進(jìn)行尺寸上的緊縮也照樣能顯現(xiàn)很多的內(nèi)容。但無論怎樣,你應(yīng)當(dāng)根絕這種主意。
對于移動端的一條經(jīng)歷規(guī)律:文本巨細(xì)應(yīng)當(dāng)起碼在11pt擺布,好讓用戶在不用放大的狀況也能夠明晰的閱讀。
經(jīng)過增加行高或字符距離都能夠進(jìn)步易讀性,適宜的很多的留白能夠使一些最亂的界面也能夠看上去簡練不少。
應(yīng)當(dāng)運(yùn)用色彩和比照度來協(xié)助用戶檢查寬和讀你的內(nèi)容。挑選出能夠支撐你的程序可用性的主色調(diào)、次要色和強(qiáng)調(diào)色,確保不相同的界面元素間有滿足的色彩比照度以使那些視力不佳的用戶也能閱讀運(yùn)用你的程序。
關(guān)于運(yùn)用有背景的文本來說,要確保文本的色彩和其背景色間有滿足的比照度,好讓文本有些明晰易讀。W3C 中對于正文文本和圖像文本的比照度給出以下的引薦比值:
小號文本跟其背景色的比照度應(yīng)起碼為4.5:1。
大號文本(14 pt bold/18 pt regular及以上)跟其背景色的比照度起碼為3:1。
運(yùn)用滿足的比照度在手機(jī)上顯得特別主要:由于用戶也許在野外運(yùn)用是,陽光的照耀會下降其比照作用。
圖標(biāo)和別的要害的元素相同應(yīng)當(dāng)遵從上述的比照度引薦值。
Steven Hoover 在他的“用戶終究怎樣運(yùn)用移動設(shè)備”的研討中發(fā)現(xiàn),49%的人習(xí)慣于運(yùn)用單個拇指來完結(jié)所有操作。鄙人圖中,屏幕中不相同色彩的區(qū)域標(biāo)明用戶拇指能夠觸及的難度等級,其間,綠色區(qū)域表明很簡單觸及的規(guī)模,黃色則表明拇指要伸展開來才能夠到,而要觸達(dá)赤色區(qū)域則要求用戶改動設(shè)備的手持方法。
將尖端菜單,高頻運(yùn)用的控件和公有的動作放在綠色區(qū)域是十分主要的,由于單拇指能夠很舒服的跟它們發(fā)生交互。
另一方面,把那些具有否定含義的動作(比方刪去或鏟除)放在手指不簡單觸及到的赤色區(qū)域,由于咱們不期望用戶意外的跟它們發(fā)生作用。
在手機(jī)上打字輸入是一個緩慢而易于犯錯的進(jìn)程,因而好要盡量削減移動應(yīng)用程序中所需的輸入。
盡量移除那些不必要的輸入域,堅持表單簡略。
在適宜的當(dāng)?shù)?,運(yùn)用主動補(bǔ)全的功用或填入用戶個性化數(shù)據(jù),這么用戶就只需求輸入起碼的信息。
若把你的規(guī)劃方在一個大屏的電腦屏幕上看,其作用通常十分不錯,但是,一旦放在一個實踐的手機(jī)屏幕上測驗,其作用乃至不及前者的一半。 即使是那些規(guī)劃最為用心的用戶界面,放在實在國際中也難免會包含一些不行見的缺陷,這即是為何咱們要讓實在用戶在多樣的移動設(shè)備上測驗咱們程序的因素。要把你的應(yīng)用程序作為一個不斷進(jìn)化的實體,運(yùn)用剖析得來的數(shù)據(jù)成果及用戶的反應(yīng)信息不斷的提高你的用戶體會規(guī)劃。
就好像任何別的規(guī)劃設(shè)計元素相同,這篇文章說到的許多原則也許僅僅咱們在開端能夠參考的一有些。你要測驗將這些原則跟自個的主意交融過濾,找出那些好的最適合自個的規(guī)劃思路。一定要記住,規(guī)劃不僅僅是面向規(guī)劃人員——規(guī)劃是面向用戶,是為用戶而規(guī)劃的。
網(wǎng)頁名稱:「用戶體驗設(shè)計」重點考慮的9個核心原則
本文網(wǎng)址:http://www.rwnh.cn/news29/170879.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項目有用戶體驗等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容