激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

我的設(shè)計成長筆記—第13篇(UI設(shè)計3)

發(fā)布時間：2024-03-15 14:05:48 瀏覽量：195次

UI設(shè)計3

2019年5月21日

今天是我距離30歲的倒數(shù)第295天

這里是我的設(shè)計成長筆記

—————————————————

加班-出差-加班...好累

上了歲數(shù)越來越覺得身體負(fù)擔(dān)不起了，前幾年還覺得自己身體很好，這一年開始發(fā)現(xiàn)自己腰痛、背痛、手腕痛了。今年還是增加一個運動計劃吧，平時不注意休息，工作計劃被動熬夜也頻繁，再加上出差時間安排，晚上也睡不好，日積月累現(xiàn)在開始感覺自己有點力不從心了，哎..同志們也注意下吧，身體才是革命的本錢。

好了，繼續(xù)總結(jié)

上次聊到了

原型制作

原型制作常用的軟件是Axure，對于產(chǎn)品來講應(yīng)該是相對簡便，而且可以做出各種交互效果。但是對于我來說等于要再接觸一個新軟件了，感覺有點麻煩，學(xué)了一下其實功能使用sketch+交互軟件（principle、flinto、hype3..)一樣可以替代，所以最后果斷放棄了Axure（建議了解一下，萬一必須用呢，咱也能上對吧）

用戶體驗地圖，也是交互分析的開始

用戶體驗地圖是一個可視化地描述用戶使用產(chǎn)品或接受服務(wù)的體驗情況，以此發(fā)現(xiàn)用戶在整個使用過程中的問題點和滿意點，并從中提煉出產(chǎn)品或服務(wù)中的改進點和機會點。

交互分析

這里提一個知識點：峰終定律




交互分析是一個很重要的點，大量的設(shè)計前期鋪墊工作都是在這個階段完成的，就像平面設(shè)計前期的調(diào)研表一樣，目的也是為了摸清用戶或者甲方到底想要的是什么，唯一不同的是用戶體驗是一個長期實時反饋的調(diào)研，平面設(shè)計則是階段性的。其實在學(xué)習(xí)UI設(shè)計的過程，也會對平面有一些反思，UI設(shè)計對細(xì)節(jié)的注重，對規(guī)范的嚴(yán)苛，其實應(yīng)用在平面中都是很好的促進，尤其是這種產(chǎn)品思維。如果企業(yè)設(shè)計能夠?qū)W習(xí)和理解UI設(shè)計這種迭代和用戶體驗的方法，那么對企業(yè)設(shè)計也是一個很大的提高。

初步的交互我一般用sketch畫好后導(dǎo)入藍(lán)湖或者磨刀這種第三方的平臺里分享鏈接就好了，操作流程簡單很容易團隊其他工種的同事理解（如果不想上傳到第三方，也可以使用sketch的一個插件Sketch Measure可以導(dǎo)出獨立的適配文件）

使用這些基本帶交互的界面，在模擬相對應(yīng)的使用場景里進行體驗調(diào)研即可。

結(jié)合品牌產(chǎn)品的運營活動，比如投放渠道，推廣方案，轉(zhuǎn)化方案等，確定在哪個頁面位置提供活動入口，提供什么樣的展示方式和操作流程。

最后整理好所有的調(diào)研資料活動方案交互流程等文檔進行方案確定，確定后開始制作第一版本的原型產(chǎn)品。

在開始制作原型之前，嗯

首先要確定階段性實現(xiàn)方案制定，給整套方案進行優(yōu)先級的排序，哪些功能是第一個開發(fā)版本要實現(xiàn)的，哪些可以以后慢慢迭代，哪些是不確定性需求等。這個階段最容易犯什么都想要，什么都要做，最后抓不住真正需求的情況，而且反復(fù)的調(diào)整給整個制作團隊帶來的內(nèi)耗是非常巨大的。

其次要確定上線媒介，是web、小程序、ios、安卓，是否要多端適配，是自適應(yīng)還是響應(yīng)式等等。這樣可以在設(shè)計稿階段就預(yù)留好功能界面的位置，不至于后面調(diào)整尺寸變形、字體排版不夠等問題。同時還有不同的媒介也會涉及一些動效不兼容的情況，在后面制作效果的時候會遇到。

最后還要確定設(shè)計規(guī)范制定

包括視覺規(guī)范、動效規(guī)范、交互規(guī)范

視覺規(guī)范

一、界面

除了前面說的尺寸和適配

重點的還有界面狀態(tài)部署的9個維度

等待—初始—尋找—無數(shù)據(jù)—瀏覽—確認(rèn)—錯誤—結(jié)束—中斷

（這里也是我常常犯錯誤的地方，在制作過程中，總是因為對這9個狀態(tài)不熟悉從而漏掉一些頁面。）

等待：啟動頁

目的是可以后臺進行預(yù)加載，等待期間減少用戶焦慮，提高用戶體驗；同時可以進行品牌宣傳等；也可以進行前期的使用介紹，功能介紹，降低用戶學(xué)習(xí)成本。

初始：首屏

核心內(nèi)容的介紹，這里是用戶的第一印象，所以界面的美觀、功能層級的清晰是很重要的。所以避免不重要的信息，突出表明核心功能，提供良好的視覺引導(dǎo)。

尋找：引導(dǎo)、搜索

這里我放了引導(dǎo)和搜索，網(wǎng)上整理的資料只是提供了搜索，在我工作過程中有些產(chǎn)品其實功能并不需要搜索，而更應(yīng)給注重引導(dǎo)。

網(wǎng)上介紹的搜索是四種搜索狀態(tài)：目的性搜索、無目的性搜索、全面性搜索、重復(fù)性搜索，這四種檢索狀態(tài)很好理解，某寶、某東等電商平臺都很清楚的。

引導(dǎo)反而是常常容易忽視的。

引導(dǎo)的目的是清晰“我在哪、我要干什么”

確定當(dāng)前位置，確定上一步是什么，確定下一步是什么等。

無數(shù)據(jù)：空狀態(tài)

空狀態(tài)分類三種：初次加載、完成或清空內(nèi)容、出錯頁面

初次加載可以利用啟動頁、引導(dǎo)頁等方式后臺完成預(yù)加載；清空、完成、出錯給出相應(yīng)的空狀態(tài)畫面就好了。（這里的出錯是加載狀態(tài)出錯比如404）

今天先到這里，下一次把這個階段補齊，再次強調(diào)一下設(shè)計規(guī)范的重要性不亞于前面的交互流程，交互錯了是要改頁面，改順序的大改；設(shè)計規(guī)范錯了，就是改尺寸，改樣式，改顏色的小改，雖然大改很麻煩，但畢竟是開始階段，改就改了，無非是重做，但是設(shè)計規(guī)范錯了，無數(shù)的小細(xì)節(jié)在最后切圖輸出的時候，和程序?qū)訒屇阒苯颖罎ⅲ揖捅罎⑦^，最后只能重新整理重新制作，哎，都是眼淚。

好啦，就醬～拜拜

——————————————————————

彩：關(guān)注公眾號 Jam吉馬的成長筆記 回復(fù)“吉馬”領(lǐng)取設(shè)計管理工具

熱門課程推薦

熱門資訊

請綁定手機號

獲取驗證碼
x

同學(xué)您好！

您已成功報名0元試學(xué)活動，老師會在第一時間與您取得聯(lián)系，請保持電話暢通！
確定