用戶體驗設計和UI設計的10個不同點
在這個技術的世界,UX和UI這兩個詞條在幾乎所有公司都很流行,無論大小,都在尋找招聘UX/UI設計師。這兩個縮寫詞條使得整個技術工業(yè)為之瘋狂,因為它們是最先進的前沿技術。那這兩個詞條實際上是什么意思呢?首先,UI是指用戶界面,UX是指用戶體驗。有一點很重要,這兩個詞條不可互換,因為它們要求的技能集是不同的。讓我們來看看UX設計師和UI設計師之間的區(qū)別。
客觀的 vs 感性的
UI設計關注任何物理界面,如你的智能手機、電腦或者其他電子設備。設計你在外面看到所有東西都是UI設計師的工作。這些里面包括導航按鈕和其他輸入控制。另一方面,UX設計則關注與提供給用于某種體驗。他們解決界面所帶來的感性體驗。任何時刻用戶在和界面交互時的體驗就是UX設計師的工作。他們是產(chǎn)品的骨干。
交互體驗 vs 視覺設計
UX設計師關注人類行為并試圖更好理解人類想要使用的是什么。他們基本上處理的是創(chuàng)造性的部分,他們能夠回答人們做了什么以及如何去做,但是他們無法這些放到一起來解決那些問題。這些是UI開發(fā)人員所做的。他們能夠東西看起來美觀,擁有創(chuàng)造視覺設計的技能,并且能夠把它們轉換成HTML代碼。
概念的 vs 技術的
能夠同時懂得產(chǎn)品設計的技術部分和概念部分的人才很難得。大部分人要么關注代碼,要么關注用戶需求。從而有了UX和UI設計師的區(qū)別。UX設計師在視覺方面并不在行,他們在行的是對產(chǎn)品背后概念的理解以及對軟件根本目的的關注。而技術方面則是UI設計師的事。他們關注用戶如何通過界面交互的精細細節(jié)。
結構化vs功能化
當軟件交付給用戶之后,UX設計師要對軟件功能負責,此外,還要對用戶互動式的體驗負責任。軟件功能需要實現(xiàn)用戶的個人需求,并且還要考慮到不同的用戶場景。與其相反的是,UI設計師僅僅生產(chǎn)可視化組件,和基于品牌指導和可視化層的前端代碼,而這些東西需要UX架構在一起。
生理性的技能 vs 創(chuàng)造性的技能
這不僅僅是如何創(chuàng)建一個網(wǎng)站。這事關如何贏得用戶。所以當設計網(wǎng)站時創(chuàng)造性包含了把網(wǎng)站背后的概念集成在一起的生理性技能時候,你就是一個贏家。UI設計師通過完成最終產(chǎn)品來展示他們的創(chuàng)造性技能。另一方面UX設計師研究軟件的細枝末節(jié)并提供用戶問題的解決方案。
商業(yè)設計師 vs 設計思想家
用戶體驗設計師也是商業(yè)本身的最終設計師。他扮演了設計師思想家這個最重要角色,通過這個角色他將自身感覺與用戶需求相匹配以產(chǎn)生一個可行的商業(yè)策略。他用以人為本的方法來應對問題。因為UI設計師執(zhí)行了最終計劃并實現(xiàn),所以實際上他就是商業(yè)設計師。
外部的 vs 內(nèi)部的
一方面UI設計師關注于軟件的外部設計以及人們與軟件交互時的所見。他通過在用戶中產(chǎn)生視覺上的吸引來使軟件獲得成功。做到這一點需要他兼具創(chuàng)造性和技術能力。另一方面UI設計師還有之后的角色。一旦視覺設計被用戶認可后,UI設計師就要關注內(nèi)部的一些東西并提供用戶體驗。
體驗 vs 約定
真正吸引客戶的方法是滿足他的標準。這意味著UX的設計者必須提供客戶想要的實現(xiàn)。他需要依賴個人的經(jīng)驗和沉浸式的研究滿足客戶的要求。他需要與UI設計師共同完成一幅完整的圖片和感知用戶產(chǎn)品的初體驗。
交互設計 vs 解決方案設計
良好用戶體驗有利于產(chǎn)品的成功和可信。UX也被稱為解決方案設計,因為它是為用戶提供的解決方案中的無形部分。UI開發(fā)者專注于交互設計,因為當UX設計師關注情境時,他們更關注內(nèi)容以及如何將內(nèi)容在界面上呈現(xiàn)才有利于用戶獲取信息。
系統(tǒng) vs 品牌定位
UX設計師必須徹底地了解要設計的系統(tǒng)以及用戶想通過系統(tǒng)達成的目標。另一面,UI開發(fā)者的職責被認為是使系統(tǒng)符合品牌的顏色、字體和標識,使界面和品牌保持一致性。
然而,最終UX和UI要一起體現(xiàn)到界面上,因為為了給用戶良好的視覺效果和參與感,前面所提到的屬性都是必不可少的。沒有良好的交互體驗支撐,再好的視覺效果也是浮云,它們必須緊密結合才能成功。有些人只追求其中之一,還沒有開始就已經(jīng)輸了。你需要同時掌握這兩門技能集以及創(chuàng)造力,才能設計出最好的界面。
還認為它們是一回事嗎?好好想想吧!
來自:oschina.net
英文原文:designpotato.com
本文地址:http://www.likemindfilms.com/tutorial/id2146.html