2019-11-19 分類(lèi): 網(wǎng)站建設(shè)
使用者界面(UI,User Interface)設(shè)計(jì)是設(shè)計(jì)軟體產(chǎn)品所涉及到的幾個(gè)交叉學(xué)科之一。不論是用戶(hù)體驗(yàn)(UX,User Experience)、交互設(shè)計(jì)(ID,Interaction Design),還是視覺(jué)/圖形設(shè)計(jì)(Visual / Graphic Design),都能牽扯到使用者界面設(shè)計(jì)。
一、什么是使用者界面設(shè)計(jì)?
廣泛來(lái)講,使用者界面是人與機(jī)器交流的媒介。使用者向機(jī)器發(fā)出指令,機(jī)器隨即開(kāi)始一段進(jìn)程,回覆資訊,并給出回饋。使用者可以根據(jù)使用者回饋進(jìn)行下一步操作的決策。
人機(jī)交互(HCI,Human Computer Interaciton)所關(guān)注的主要是數(shù)位界面,即過(guò)去的打卡機(jī)、命令列,直至今天的圖形界面(GUI,Graphic Design)。
使用者界面設(shè)計(jì)對(duì)于數(shù)碼產(chǎn)品來(lái)說(shuō)主要關(guān)注的是布局、資訊結(jié)構(gòu),以及界面元素在顯示幕和各種終端平臺(tái)上的展示。電子游戲和電視界面也包括其中。
Xerox 8010 Information System in 1981 ( DigiBarn , used under CC BY ; cropped from original)
圖片來(lái)源:https://www.youtube.com/watch?v=YXE6HjN8heg
使用者界面設(shè)計(jì)師根據(jù)設(shè)計(jì)原則來(lái)創(chuàng)作符合用戶(hù)需求的設(shè)計(jì),而不是單純地提供技術(shù)解決方案。在這過(guò)程中往往需要在平衡取舍使用者功能需求和展示效果(由品牌定位和視覺(jué)設(shè)計(jì)決定)。
B2B 儀表板使用者界面設(shè)計(jì)(B2B dashboard UI design)
優(yōu)秀的使用者界面設(shè)計(jì)利用清晰、統(tǒng)一的視覺(jué)層次和內(nèi)容結(jié)構(gòu)來(lái)引導(dǎo)使用者完成任務(wù),并減少非必要的內(nèi)容和元素。
出色的使用者界面通過(guò)真實(shí)世界的符號(hào)隱喻傳達(dá)資訊,例如按鈕、聲量滑塊、日歷、軟碟樣式的保存圖示等。
使用者界面的組成元素主要包括:
o輸入:讓使用者可以進(jìn)行選擇或輸入資訊,包括核取方塊、單選框、下拉清單和文本域等交互元件等。
o選單/導(dǎo)航:用于選擇目的地和篩選資訊的元件,包括下拉式功能表、卷軸、toast、頁(yè)簽和分頁(yè)等。
o信息:向使用者提供回饋的交互元素,包括圖示、文字、媒體、進(jìn)度條和提示等。
iOS app UI design, by Thrive
高效的設(shè)計(jì)師會(huì)參考優(yōu)秀設(shè)計(jì)案例、設(shè)計(jì)慣例、標(biāo)準(zhǔn)以及可用性原則來(lái)確保界面方案符合使用者需要。其中最重要的設(shè)計(jì)原則包括:
o統(tǒng)一的界面元素能讓使用者快速熟悉并掌握使用方法;
o清晰的元素層級(jí)和頁(yè)面結(jié)構(gòu)能讓使用者一眼看到最重要的內(nèi)容;
o用顏色和字體等樣式來(lái)向使用者暗示元素的優(yōu)先順序以及作用;
o發(fā)送系統(tǒng)狀態(tài)變更、錯(cuò)誤以及使用者操作時(shí),提供回饋資訊,以便使用者了解進(jìn)程并進(jìn)行下一步?jīng)Q策;
o了解用戶(hù)喜好和需求優(yōu)先順序,讓操作過(guò)程更順暢自然;
o利用留白及合理布局讓界面更加清晰易懂。
二、使用者界面設(shè)計(jì)和體驗(yàn)設(shè)計(jì)的差別
使用者界面設(shè)計(jì)和使用者體驗(yàn)設(shè)計(jì)很容易混淆。雖然二者有重合之處,但是各自有截然不同的技能需求。
使用者體驗(yàn)設(shè)計(jì)注重產(chǎn)品的全域架構(gòu)和功能,以及用戶(hù)使用感受。相較于界面設(shè)計(jì)師來(lái)說(shuō),體驗(yàn)設(shè)計(jì)師的工作集中在通過(guò)資訊架構(gòu)來(lái)組織內(nèi)容通過(guò)使用者調(diào)研、任務(wù)測(cè)試和商業(yè)分析進(jìn)行方案決策。以電子商務(wù)的帳號(hào)創(chuàng)建和下單流程為例,體驗(yàn)設(shè)計(jì)師使用使用者流程、體驗(yàn)地圖、低保真線(xiàn)框圖和交互原型等方法,并通過(guò)用戶(hù)測(cè)試來(lái)驗(yàn)證和優(yōu)化設(shè)計(jì)理念。
三、使用者界面設(shè)計(jì)與體驗(yàn)設(shè)計(jì)的對(duì)比
界面并不是產(chǎn)品的真正解決方案。界面設(shè)計(jì)通常在體驗(yàn)設(shè)計(jì)師的工作中占重頭戲,但并不是全部。你可以這樣理解:如果說(shuō)使用者體驗(yàn)是消耗品的話(huà),那么使用者界面就是工具(使用消耗品的工具)。
使用者體驗(yàn)設(shè)計(jì)是包含很多個(gè)步驟的設(shè)計(jì)策略流程,其目標(biāo)是創(chuàng)造產(chǎn)品具有吸引力、方便使用、易于理解的產(chǎn)品。通過(guò)使用者體驗(yàn)設(shè)計(jì)這個(gè)流程,我們可以獲得正確的使用者界面解決方案。
四、使用者界面設(shè)計(jì)師做什么?
使用者界面設(shè)計(jì)師在使用者體驗(yàn)設(shè)計(jì)師提供的線(xiàn)框圖的基礎(chǔ)上,創(chuàng)造更加接近最終形式的產(chǎn)品界面方案。他們需要遵循體驗(yàn)線(xiàn)框圖所表達(dá)的資訊層級(jí)和優(yōu)先順序,并將合理統(tǒng)一的視覺(jué)和交互規(guī)則運(yùn)用于整個(gè)產(chǎn)品。
使用者界面設(shè)計(jì)師的職責(zé)范圍包括視覺(jué)層級(jí)、構(gòu)圖、間距、對(duì)齊、標(biāo)題和文字的視覺(jué)比重、元件使用規(guī)則(按鈕、表單等)以及配色規(guī)范和Logo。
由于現(xiàn)如今使用者界面越來(lái)越多的涉及到動(dòng)態(tài)交互及過(guò)渡,而不限于簡(jiǎn)單的靜態(tài)頁(yè)面,界面設(shè)計(jì)師也會(huì)需要與動(dòng)效和交互設(shè)計(jì)師合作,并優(yōu)化用戶(hù)體驗(yàn)設(shè)計(jì)師所提供的基本交互理念。
使用者界面設(shè)計(jì)也包含資料視覺(jué)化和資訊設(shè)計(jì)的工作,這些能通過(guò)簡(jiǎn)單的資訊展示說(shuō)明使用者快速理解復(fù)雜的資料。
使用者界面設(shè)計(jì)師提供最終的頁(yè)面高保真原型給程式開(kāi)發(fā)人員。上文提到使用者界面設(shè)計(jì)有時(shí)與使用者體驗(yàn)設(shè)計(jì)有重合之處,其實(shí)它也可以涉及到前端開(kāi)發(fā),尤其可能參與建立前端元件庫(kù)和頁(yè)面范本。
為了提高使用者體驗(yàn)優(yōu)化效率,我們的工作方式正在變得越來(lái)越成熟。因?yàn)楫?dāng)今世界的數(shù)位化進(jìn)程,使用者界面設(shè)計(jì)扮演的角色愈發(fā)重要。在接下來(lái)的數(shù)十年里,使用者界面設(shè)計(jì)將突破二維螢?zāi)唬?D和VR(虛擬實(shí)境)、AR(增強(qiáng)現(xiàn)實(shí))和MR(混合現(xiàn)實(shí))的方向演化。
無(wú)論技術(shù)、螢?zāi)?、?chǎng)所和環(huán)境如何,界面設(shè)計(jì)的關(guān)注點(diǎn)都會(huì)堅(jiān)持聚焦于人機(jī)交互與體驗(yàn)的高效性。
網(wǎng)站題目:什么是使用者界面設(shè)計(jì),UI/UX體驗(yàn)設(shè)計(jì)。
標(biāo)題鏈接:http://www.rwnh.cn/news11/80861.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)公司、軟件開(kāi)發(fā)、微信公眾號(hào)、網(wǎng)站排名、品牌網(wǎng)站設(shè)計(jì)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容