火星網(wǎng)校
優(yōu)雅解析：優(yōu)化作品集案例，探索UI設(shè)計(jì)技巧。 精簡(jiǎn)標(biāo)題：優(yōu)化作品集中的UI設(shè)計(jì)技巧
發(fā)布時(shí)間：2023-12-19 17:32:58 瀏覽量：187次
交互設(shè)計(jì)（英文Interaction Design, 縮寫(xiě)IXD)，是定義設(shè)計(jì)人造系統(tǒng)的行為的設(shè)計(jì)領(lǐng)域，它定義了兩個(gè)或多個(gè)互動(dòng)的個(gè)體之間交流的內(nèi)容和結(jié)構(gòu)，使之互相配合，共同達(dá)成某種目的。交互設(shè)計(jì)努力去創(chuàng)造和建立的是人與產(chǎn)品及服務(wù)之間有意義的關(guān)系，以“在充滿(mǎn)社會(huì)復(fù)雜性的物質(zhì)世界中嵌入信息技術(shù)”為中心。交互系統(tǒng)設(shè)計(jì)的目標(biāo)可以從“可用性”和”用戶(hù)體驗(yàn)“兩個(gè)層面上進(jìn)行分析，關(guān)注以人為本的用戶(hù)需求。
在實(shí)際的申請(qǐng)準(zhǔn)備過(guò)程中，大部分同學(xué)對(duì)于交互作品集要放什么東西，怎么去展開(kāi)并不熟悉，今天黑桃看就帶同學(xué)們實(shí)際走一遍：
舉個(gè)栗子
設(shè)計(jì)過(guò)程
基于《軟件觀念革命：交互設(shè)計(jì)精髓》（About Face），黑桃K跟大家聊過(guò)app內(nèi)容和形式的關(guān)系，以及app圖標(biāo)的設(shè)計(jì)等，關(guān)于流程方面先放一個(gè)大綱：
一、定性研究（Qualitative Research）：針對(duì)可能使用你的產(chǎn)品的人，可以是問(wèn)卷、訪談……
二、確定人物角色（Persona）：即產(chǎn)品的典型用戶(hù)，可以有一種或幾種。例如知乎可以有一個(gè)人物角色叫CEO。
三、寫(xiě)問(wèn)題腳本（Problem Scenario）：羅列人物角色在使用產(chǎn)品時(shí)可能遇到的問(wèn)題，可以整理成一個(gè)故事便于別人理解。
四、寫(xiě)動(dòng)作腳本（Action Scenario）：像寫(xiě)故事一樣，寫(xiě)人物角色在使用你設(shè)計(jì)好的產(chǎn)品時(shí)，發(fā)生的細(xì)節(jié)。注意，這個(gè)時(shí)候你的交互方案的概念模型已經(jīng)基本成型了，這個(gè)概念模型是通過(guò)解決問(wèn)題腳本里的問(wèn)題而得出的。
五、畫(huà)線框圖（Framework）：這個(gè)線框圖是通過(guò)把動(dòng)作腳本里的概念模型轉(zhuǎn)化成視覺(jué)模型得到的。
六、制作原型（Prototype）：做出來(lái)好像可以用的東西，有很多原型工具可以利用。
七、專(zhuān)家評(píng)測(cè)（Expert Evaluation）：至少兩名設(shè)計(jì)師或?qū)换ピO(shè)計(jì)比較了解的人通過(guò)反復(fù)測(cè)試原型。找到問(wèn)題后修改線框圖并更新原型。
八、用戶(hù)評(píng)測(cè)（User Evaluation）：讓用戶(hù)使用原型，可以給他們一些任務(wù)去完成。根據(jù)用戶(hù)在使用過(guò)程中的問(wèn)題和建議進(jìn)行進(jìn)一步修改。
小編從身邊的朋友發(fā)現(xiàn)一個(gè)問(wèn)題：用戶(hù)想要學(xué)習(xí)一些新的東西的時(shí)候，往往找不到合適的平臺(tái)， 所以設(shè)計(jì)“better me”這個(gè)app就是為解決這個(gè)問(wèn)題。有一點(diǎn)需要說(shuō)明的是，這個(gè)項(xiàng)目之以UI例子，不包含除此之外的UX設(shè)計(jì)，比如一用戶(hù)研究，對(duì)比體驗(yàn)，用戶(hù)旅程地圖的繪制，信息框架結(jié)構(gòu)等等，所以實(shí)際UI設(shè)計(jì)過(guò)程會(huì)有些許變化。
熱門(mén)課程推薦
熱門(mén)資訊
-
1. iPhone6的UI設(shè)計(jì)尺寸規(guī)范，原來(lái)如此重要！
想要了解iPhone6界面設(shè)計(jì)的尺寸規(guī)范嗎？這里為您詳細(xì)介紹iPhone6的UI設(shè)計(jì)尺寸規(guī)范，包括界面尺寸、圖標(biāo)尺寸、可點(diǎn)擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
-
2. 12個(gè)絕佳的UI設(shè)計(jì)網(wǎng)站，助力你的創(chuàng)作之旅!
將為大家介紹12個(gè)絕佳的UI設(shè)計(jì)網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學(xué)習(xí)新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個(gè)面向設(shè)計(jì)師的...
-
3. 移動(dòng)端UI設(shè)計(jì)中常見(jiàn)的5種APP界面類(lèi)型，你get到了嗎？
通過(guò)介紹移動(dòng)端UI設(shè)計(jì)中的閃屏頁(yè)、引導(dǎo)頁(yè)、浮層引導(dǎo)頁(yè)、空白頁(yè)和首頁(yè)等5種APP界面類(lèi)型，幫助大家更好地了解UI設(shè)計(jì)的基本知識(shí)
-
4. 10個(gè)免費(fèi)學(xué)習(xí)UI設(shè)計(jì)的網(wǎng)站 提升你的設(shè)計(jì)能力
怎樣可以提升你的UI設(shè)計(jì)能力!第一個(gè):站酷站酷想必是設(shè)計(jì)師都知道的一個(gè)網(wǎng)站,里面不止有UI設(shè)計(jì)的資源,還有其他設(shè)計(jì)的,不如:平面設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)、字體...
-
5. 移動(dòng)端列表頁(yè)和表單頁(yè)設(shè)計(jì)秘訣:讓你的APP點(diǎn)擊率翻倍
在移動(dòng)端設(shè)計(jì)中,列表頁(yè)和表單頁(yè)是不可或缺的部分。一個(gè)好的列表頁(yè)和表單頁(yè)設(shè)計(jì)能夠讓用戶(hù)輕松地獲取信息并產(chǎn)生點(diǎn)擊欲望,從而提高點(diǎn)擊率。本文將為你...
-
6. 推薦10本適合UI設(shè)計(jì)師看的書(shū)籍，輕松掌握技能!
對(duì)于想要提高自己的設(shè)計(jì)能力和創(chuàng)造力的小白和UI設(shè)計(jì)師來(lái)說(shuō),這本書(shū)是一個(gè)很好的選擇。4.《設(shè)計(jì)的覺(jué)醒》(IKKO TANAKA)推薦理由: 這本書(shū)是日本現(xiàn)代平面...
-
7. 零基礎(chǔ)學(xué)UI設(shè)計(jì)要多久？培訓(xùn)完能拿多少工資？
探索零基礎(chǔ)UI設(shè)計(jì)培訓(xùn)的時(shí)長(zhǎng)與薪資前景。了解數(shù)字藝術(shù)教育領(lǐng)域的專(zhuān)業(yè)課程，以及培訓(xùn)后的職業(yè)發(fā)展機(jī)會(huì)。
-
8. 物聯(lián)網(wǎng)APP UI設(shè)計(jì):創(chuàng)造智能硬件領(lǐng)域的沉浸式體驗(yàn)
ui設(shè)計(jì)應(yīng)該讓用戶(hù)一目了然,能夠快速找到所需的信息和功能。在設(shè)計(jì)過(guò)程中,應(yīng)盡量使用簡(jiǎn)潔的圖標(biāo)、文字和色彩,避免過(guò)多的視覺(jué)干擾。符合用戶(hù)習(xí)慣:ui設(shè)...
-
9. 武漢UI設(shè)計(jì)培訓(xùn)班費(fèi)用怎么樣？想學(xué)UI設(shè)計(jì)要多少錢(qián)？
想了解武漢UI設(shè)計(jì)培訓(xùn)班的費(fèi)用是多少嗎？不知道學(xué)UI設(shè)計(jì)要花多少錢(qián)？不妨看看這篇文章，了解UI設(shè)計(jì)培訓(xùn)班的學(xué)費(fèi)價(jià)格以及學(xué)習(xí)內(nèi)容。
-
10. 設(shè)計(jì)中的色彩心理學(xué):淺析中西方色彩的歷史演變與設(shè)計(jì)應(yīng)用
摘要:本文探討了色彩的歷史演變和設(shè)計(jì)應(yīng)用。通過(guò)對(duì)色彩在早期文明社會(huì)中的實(shí)用運(yùn)用、不同文化背景下色彩觀念的差異、色彩在設(shè)計(jì)中的重要性以及新興技...
最新文章
請(qǐng)綁定手機(jī)號(hào)
同學(xué)您好！