發(fā)布時間:2023-12-15 11:25:40 瀏覽量:205次
第一次接觸[用戶體驗要素]這本書還是好幾年前了,當時看這本書還不是很深刻,有些地方甚至看不懂,完全沒有概念.前陣子重新翻看了一下這本書,發(fā)現(xiàn)和現(xiàn)在的思考點有了很多共鳴.我結(jié)合書上的內(nèi)容和自己的理解與想法現(xiàn)在把它分享出來,希望能對大家有所幫助。

我們整天都在說用戶體驗,設(shè)計師要站在用戶的角度思考問題,幫助用戶解決問題,優(yōu)化產(chǎn)品操作流程及視覺層級的排布,作為設(shè)計師我們這么做的目的到底是什么,我們?yōu)槭裁匆獮榱艘粋€體驗細節(jié)和產(chǎn)品去討論,去爭執(zhí)。

因為我們是商業(yè)設(shè)計師,商業(yè)設(shè)計師要站在公司的角度去思考問題,我們通過用戶體驗優(yōu)化主要解決兩個問題,一個是商機,一個是品牌.怎么樣通過設(shè)計讓用戶行為路徑變短變效率,直接影響用戶的留存,這個產(chǎn)品的體驗好與不好影響著品牌在用戶心中的印象.之前在做UI設(shè)計師的時候一直都沒有思考過關(guān)于品牌對于一個設(shè)計師關(guān)聯(lián)到底有多大,移動端上的產(chǎn)品不像很多實體,實體產(chǎn)品主要是依靠它的廣告,實體店,質(zhì)量,價格,包裝,功能和使用等來給用戶建立品牌形象的.而移動端,主要依靠這個產(chǎn)品的內(nèi)容,或是一個完整的操作流程的體驗結(jié)合線下來體驗的.體驗的好與不好直接會和商機和品牌形象聯(lián)系上.
商機:優(yōu)化操作步驟,提高效率,提高轉(zhuǎn)換率 例接送機簡表單設(shè)計
品牌:提高用戶對品牌的認知,愉悅的用戶體驗會給用戶留下深刻的品牌印象及信任感.

戰(zhàn)略層:產(chǎn)品的目標方向,想要用戶在產(chǎn)品上做什么事情,帶來的收益是什么
范圍層:產(chǎn)品整體的功能類別,圍繞著戰(zhàn)略層這個產(chǎn)品都該有哪些功能
結(jié)構(gòu)層:根據(jù)戰(zhàn)略目標以及功能思考產(chǎn)品核心功能應(yīng)該在哪里出現(xiàn),以及大致的體驗流程
框架層:頁面的具體功能擺放,信息布局,整體頁面交互流程
表現(xiàn)層:頁面最終給用戶呈現(xiàn)的視覺效果

產(chǎn)品的整體產(chǎn)出到用戶使用,它是通過戰(zhàn)略層,范圍層,結(jié)構(gòu)層,框架層及表現(xiàn)層一步一步實現(xiàn)的.他們之間都有著緊密的關(guān)系,如果從戰(zhàn)略層錯了,那整個產(chǎn)品都會失敗,如果是功能與用戶預(yù)期的不一樣,不是用戶想要的,相同的也會失敗.所以從第一步開始就至關(guān)重要.


開始做設(shè)計前要先想清楚這兩件事情
怎么樣引導用戶達成用戶目標從而完成公司戰(zhàn)略目標,只有當用戶實現(xiàn)了目標公司才能實現(xiàn)戰(zhàn)略目標
用戶需求可通過:問卷調(diào)查、用戶訪談、焦點小組、市場調(diào)查、現(xiàn)場調(diào)研等方法來提取核心點
隨著公司的不斷壯大,它的戰(zhàn)略也會發(fā)生改變,戰(zhàn)略可能是一個大戰(zhàn)略會細分到不同的小戰(zhàn)略,他們的目標都是在這個大戰(zhàn)略的基礎(chǔ)上


當把用戶需求和產(chǎn)品目標轉(zhuǎn)變成產(chǎn)品應(yīng)該提供給用戶什么樣的內(nèi)容和功能時,戰(zhàn)略就變成了范圍層
定義項目范圍包含2個方面,即產(chǎn)品功能和產(chǎn)品內(nèi)容,功能與內(nèi)容針對不同類型的產(chǎn)品,有的是2者都重要,有的更重功能,有的更重內(nèi)容,根據(jù)產(chǎn)品戰(zhàn)略,它們的權(quán)重是不一樣的
比如,QQ音樂,簡書,keep等它們更重內(nèi)容.比如騰訊地圖,支付寶等更重功能.


有了戰(zhàn)略級目標和產(chǎn)品的核心功能,這時候我們要在結(jié)構(gòu)層里梳理出產(chǎn)品功能的信息框架,按照戰(zhàn)略強相關(guān)的功能優(yōu)先展示,哪個頁面該展示哪些功能,以及展示的順序和大體的流程.交互設(shè)計師把控信息架構(gòu)的合理性,以及前后關(guān)系操作起來是否高效.


我們通過框架層的定義,這時候就可以開始細化頁面的信息框架了.交互設(shè)計師在設(shè)計交互流程圖的時候會考慮很多的設(shè)計點,如何將功能信息有效的組織起來,信息之間的關(guān)系如何排布,在當前的場景下應(yīng)該使用什么樣的交互控件,功能樣式統(tǒng)一性,用戶使用起來是否方便,前后之間的邏輯等問題,交互流程圖是需要反復(fù)思考和驗證的.


到了表現(xiàn)層,UI設(shè)計師會根據(jù)產(chǎn)品的戰(zhàn)略,功能,以及內(nèi)容,根據(jù)市場的調(diào)研分析,使用人群等來判斷這塊產(chǎn)品從視覺上要傳達給用戶什么樣的設(shè)計感覺出來,比如專業(yè)的,親民接地氣的,高大上的,二次元的等視覺表現(xiàn)形式.在設(shè)計當中利用顏色及空間劃分視覺層級,通過不同平臺思考設(shè)計表現(xiàn)形式,梳理控件樣式形成規(guī)范性及統(tǒng)一性.整體視覺樣式盡量做減法,讓用戶輕松看到核心內(nèi)容以及核心操作。

我們來舉個例子,當然這個只是一個大致的樣子,實際上一個產(chǎn)品從無到有遠比這個要復(fù)雜的多,每一層要素都會拆解出不同的點來具體分析具體應(yīng)用,都會有專業(yè)的團隊去應(yīng)用分析.下面幾步只是一個示意,大家看一下就好.








再說個很有意思的事,前一陣子看了阿里的一片文章,文章有點早,說得是17年設(shè)計師發(fā)展趨勢,不過也不過時。里面說的是不要去定義UI,或是UE設(shè)計師的概念,而是統(tǒng)稱為UXD.其實我們在互聯(lián)網(wǎng)公司,很多時候已經(jīng)區(qū)分不出UI和UE了,我們都是在做設(shè)計體驗提升的事情,視覺要參與到交互,交互也要參與到視覺,只是大家會有一個偏重,討論的內(nèi)容也都是如何優(yōu)化設(shè)計,優(yōu)化流程.所以設(shè)計師不該只給自己定義到一個只會畫圖或是畫線框圖的角色,要擴充橫向的維度,才會更加專業(yè)。

好了今天小編就先說到這,希望大神的分享能對各位有所幫助。
熱門資訊
1. 10個免費學習UI設(shè)計的網(wǎng)站 提升你的設(shè)計能力
怎樣可以提升你的UI設(shè)計能力!第一個:站酷站酷想必是設(shè)計師都知道的一個網(wǎng)站,里面不止有UI設(shè)計的資源,還有其他設(shè)計的,不如:平面設(shè)計、網(wǎng)頁設(shè)計、字體...
2. iPhone6的UI設(shè)計尺寸規(guī)范,原來如此重要!
想要了解iPhone6界面設(shè)計的尺寸規(guī)范嗎?這里為您詳細介紹iPhone6的UI設(shè)計尺寸規(guī)范,包括界面尺寸、圖標尺寸、可點擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
3. 移動端UI設(shè)計中常見的5種APP界面類型,你get到了嗎?
通過介紹移動端UI設(shè)計中的閃屏頁、引導頁、浮層引導頁、空白頁和首頁等5種APP界面類型,幫助大家更好地了解UI設(shè)計的基本知識
4. 12個絕佳的UI設(shè)計網(wǎng)站,助力你的創(chuàng)作之旅!
將為大家介紹12個絕佳的UI設(shè)計網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學習新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個面向設(shè)計師的...
5. 移動端列表頁和表單頁設(shè)計秘訣:讓你的APP點擊率翻倍
在移動端設(shè)計中,列表頁和表單頁是不可或缺的部分。一個好的列表頁和表單頁設(shè)計能夠讓用戶輕松地獲取信息并產(chǎn)生點擊欲望,從而提高點擊率。本文將為你...
6. 史上最全,平面設(shè)計UI設(shè)計必備的77個國內(nèi)外素材、設(shè)計資源網(wǎng)站
ui設(shè)計社區(qū),大神太多了。3、behance: https://www.behance.net/ ,著名設(shè)計... 對于品牌設(shè)計師來說,除了圖案素材收集之外,還有一個很重要的,就是設(shè)計故...
7. 推薦10本適合UI設(shè)計師看的書籍,輕松掌握技能!
對于想要提高自己的設(shè)計能力和創(chuàng)造力的小白和UI設(shè)計師來說,這本書是一個很好的選擇。4.《設(shè)計的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
8. 設(shè)計中的色彩心理學:淺析中西方色彩的歷史演變與設(shè)計應(yīng)用
摘要:本文探討了色彩的歷史演變和設(shè)計應(yīng)用。通過對色彩在早期文明社會中的實用運用、不同文化背景下色彩觀念的差異、色彩在設(shè)計中的重要性以及新興技...
9. 武漢UI設(shè)計培訓班費用怎么樣?想學UI設(shè)計要多少錢?
想了解武漢UI設(shè)計培訓班的費用是多少嗎?不知道學UI設(shè)計要花多少錢?不妨看看這篇文章,了解UI設(shè)計培訓班的學費價格以及學習內(nèi)容。
10. 零基礎(chǔ)學UI設(shè)計要多久?培訓完能拿多少工資?
探索零基礎(chǔ)UI設(shè)計培訓的時長與薪資前景。了解數(shù)字藝術(shù)教育領(lǐng)域的專業(yè)課程,以及培訓后的職業(yè)發(fā)展機會。
最新文章
同學您好!