2022-9-19 純純
目錄：
一、設(shè)計(jì)前的思考
1、設(shè)計(jì)思維模式
2、設(shè)計(jì)理念的確立
3、案例分析（9點(diǎn)）
二、設(shè)計(jì)時(shí)需注意
案例分析（12點(diǎn)）
一、設(shè)計(jì)前的思考
首先需要思考的問(wèn)題：設(shè)計(jì)思維模式、設(shè)計(jì)理念的確立
1、設(shè)計(jì)思維模式：
設(shè)計(jì)思維是一套在設(shè)計(jì)前需要思考的結(jié)構(gòu)化的流程，用來(lái)解決以人為本的問(wèn)題。其目的是把在設(shè)計(jì)前所遇到的與設(shè)計(jì)相關(guān)的問(wèn)題結(jié)構(gòu)化，化繁為簡(jiǎn)，形成一套流程，從而進(jìn)行有序的思考。
設(shè)計(jì)思維是一種思維模式和認(rèn)知方式，其最大的特點(diǎn)是已知需要解決問(wèn)題的結(jié)果，如何在已知最終結(jié)果的情況下更好更高效的解決問(wèn)題是其核心目標(biāo)。
思維方式的確立，可以有效的為設(shè)計(jì)做好前期準(zhǔn)備，提高設(shè)計(jì)的效率，更準(zhǔn)確的為“以人為本”出發(fā)而服務(wù)。
作者 Timo Kuilder
2、設(shè)計(jì)理念：
設(shè)計(jì)理念是在設(shè)計(jì)構(gòu)思前所確立的主導(dǎo)思想，它不僅是設(shè)計(jì)的精髓，也賦予作品文化內(nèi)涵和風(fēng)格特點(diǎn)。
好的設(shè)計(jì)理念很重要，可以使你的設(shè)計(jì)擁有屬于自己的獨(dú)特風(fēng)格。
設(shè)計(jì)理念必須以人為本，針對(duì)用戶年齡、職業(yè)、愛(ài)好等特點(diǎn)，進(jìn)行整合，根據(jù)用戶主觀方面的個(gè)人喜好，從而進(jìn)行設(shè)計(jì)。
作者 Timo Kuilder
3、案例分析：
1、專(zhuān)注：確定產(chǎn)品的主要功能，功能的明確可以幫助用戶最高效的完成任務(wù)
案例1：百度網(wǎng)盤(pán)
百度網(wǎng)盤(pán)是一款云存儲(chǔ)服務(wù)產(chǎn)品，用戶將可以輕松將自己的文件上傳到網(wǎng)盤(pán)上，并可跨終端隨時(shí)隨地查看和分享。
案例2：有道云筆記
有道云筆記是一款專(zhuān)注辦公提效的筆記軟件，支持多端同步，用戶可以隨時(shí)隨地對(duì)線上資料進(jìn)行編輯、分享以及協(xié)同。
2、特色：每款產(chǎn)品都有屬于自己的特色，區(qū)別于同行產(chǎn)品的不同之處，結(jié)合產(chǎn)品調(diào)性設(shè)計(jì)，不要盲目跟風(fēng)；它可以是功能、體驗(yàn)、或者是視覺(jué)
案例：每日故宮
每日故宮是一款以日歷的形式推出故宮藏品的應(yīng)用，“每天一件故宮藏品”，“讓觀眾隨時(shí)隨地看到故宮藏品”。其主要特色功能就是以日歷的形式展示內(nèi)容，在視覺(jué)和圖標(biāo)上也有自己的特色。
3、情感：在設(shè)計(jì)的過(guò)程中，可以加入情感化設(shè)計(jì)，使用戶將情感融入產(chǎn)品中，關(guān)系更緊密
案例：淘票票
有趣的文案結(jié)合IP可以快速的將用戶代入產(chǎn)品中，增強(qiáng)與用戶之間的親和力，有種身臨其境的感覺(jué)
4、互動(dòng)：動(dòng)效的運(yùn)用可以給用戶帶來(lái)不一樣的感官視覺(jué)，即使只是一個(gè)小小的按鈕
案例：最右底部Tab欄切換狀態(tài)，其互動(dòng)可以增強(qiáng)用戶與產(chǎn)品之間的互動(dòng)
5、調(diào)研：調(diào)研可以了解產(chǎn)品所在行業(yè)的情況、市場(chǎng)需求、競(jìng)爭(zhēng)力、同類(lèi)型產(chǎn)品的優(yōu)劣勢(shì)等，從而更好的設(shè)計(jì)產(chǎn)品
調(diào)研方法：按調(diào)研途徑分為文案調(diào)研、在線訪問(wèn)、電話訪問(wèn)和實(shí)地調(diào)研
調(diào)研工具：?jiǎn)柧硇恰?wèn)卷網(wǎng)等
分析工具：Origin是一款常用的數(shù)據(jù)分析軟件，操作簡(jiǎn)單，可視化直觀；SPSS是一款專(zhuān)業(yè)分析工具，其功能包括數(shù)據(jù)管理、統(tǒng)計(jì)分析等
6、用戶：研究用戶特征、細(xì)分用戶，站在用戶角度思考，了解用戶想要什么樣的產(chǎn)品
用戶研究：
是一種理解用戶，將他們的目標(biāo)、需求與產(chǎn)品宗旨相匹配的理想方法，能夠幫助定義產(chǎn)品的目標(biāo)用戶群
用戶研究重點(diǎn)工作在于研究用戶的痛點(diǎn)，包括前期用戶調(diào)查、情景實(shí)驗(yàn)等
作者 Timo Kuilder
7、場(chǎng)景：需要考慮用戶使用場(chǎng)景是怎么樣的，不同場(chǎng)景功能需求不同，可以用故事板的形式展示用戶場(chǎng)景
使用場(chǎng)景：
包括時(shí)間、空間、設(shè)備支持、社交及用戶情緒等，進(jìn)行應(yīng)用場(chǎng)景的判斷和描述的時(shí)候，需要考慮全面，不同的場(chǎng)景下存在著用戶不同的需求。
故事板：
故事板也叫分鏡腳本，雖然更多用在電影、動(dòng)畫(huà)、電視劇、廣告等影像媒體的創(chuàng)作前期
故事板工具：Boords
Boords界面簡(jiǎn)約美觀、操作簡(jiǎn)單，滿足制作故事板的基本功能
8、數(shù)據(jù)：以數(shù)據(jù)為依據(jù)從而進(jìn)行設(shè)計(jì)，不做沒(méi)數(shù)據(jù)支撐且無(wú)意義的設(shè)計(jì)
數(shù)據(jù)統(tǒng)計(jì)：百度統(tǒng)計(jì)、百度指數(shù)、阿里指數(shù)等
百度統(tǒng)計(jì)：全球最大的中文網(wǎng)站流量分析平臺(tái),幫助企業(yè)收集網(wǎng)站訪問(wèn)數(shù)據(jù)
百度指數(shù)：
百度指數(shù)是以百度海量網(wǎng)民行為數(shù)據(jù)為基礎(chǔ)的數(shù)據(jù)分享平臺(tái)。在這里,你可以研究關(guān)鍵詞搜索趨勢(shì)、洞察網(wǎng)民興趣和需求、監(jiān)測(cè)輿情動(dòng)向、定位受眾特征
阿里指數(shù)：
是定位于“觀市場(chǎng)”的數(shù)據(jù)分析平臺(tái)，旨在為中小企業(yè)用戶、業(yè)界媒體、市場(chǎng)研究人員,了解市場(chǎng)行情、查看熱門(mén)行業(yè)、分析用戶群體、研究產(chǎn)業(yè)基地等
作者 Timo Kuilder
9、少即是多：突出用戶所需的主要功能即可，其他功能可弱化或者直接去掉
少即是多：
現(xiàn)代主義設(shè)計(jì)建筑大師——米斯·凡德羅提出
在設(shè)計(jì)中：
少即是多就是明確目標(biāo)，專(zhuān)注地圍繞用戶目標(biāo)進(jìn)行設(shè)計(jì)，將產(chǎn)品打造得簡(jiǎn)單易用，同時(shí)又能夠解決用戶的需求
案例：留白
留白是一款提供多種圖文排版樣式，可以將文字、署名和日期安置在圖片以外的留白區(qū)域，讓你記錄的每一個(gè)精彩畫(huà)面都變成有故事的留白卡片
二、設(shè)計(jì)時(shí)需思考
設(shè)計(jì)時(shí)需要思考的問(wèn)題：
1、簡(jiǎn)約：簡(jiǎn)潔的界面可以減少用戶發(fā)生錯(cuò)誤操作，減少認(rèn)知成本，便于用戶了解和使用
案例：字里行間
字里行間是一款文學(xué)性非常清新的文字閱讀與創(chuàng)作軟件，可以讓用戶靜下心來(lái)閱讀與創(chuàng)作，整體設(shè)計(jì)簡(jiǎn)潔，界面結(jié)構(gòu)清晰，減少了用戶的學(xué)習(xí)成本。
2、易用：容易上手的產(chǎn)品才是成功的產(chǎn)品，從用戶思維入手，功能一目了然，操作更方便
案例：句讀
這是一款不錯(cuò)的掌上語(yǔ)句社區(qū)，每天可以輕松的看到豐富的優(yōu)質(zhì)語(yǔ)句，解決了用戶想要一款可以體驗(yàn)精彩文學(xué)內(nèi)容產(chǎn)品的APP，功能按鈕明確，操作快捷，符合用戶需求。
3、視覺(jué)：產(chǎn)品是否好用為第一重要性，視覺(jué)也不可缺少，強(qiáng)烈的視覺(jué)可以抓住用戶的眼球，給用戶留下印象，讓用戶記住你的產(chǎn)品
案例1：CCtalk
這是一款致力于為學(xué)習(xí)愛(ài)好者打造的在線互動(dòng)學(xué)習(xí)平臺(tái)，疊加圖標(biāo)的運(yùn)用在界面上特別突出，整體視覺(jué)給人強(qiáng)烈的感覺(jué)。
案例2：飛豬
這是一款提供機(jī)票、酒店、旅游線路等商品的綜合性旅游出行網(wǎng)絡(luò)交易服務(wù)平臺(tái)，金剛區(qū)的圖標(biāo)設(shè)計(jì)得很精致，給人印象深刻，吸引用戶點(diǎn)擊。
4、色彩：品牌色和輔助色的確立，確定適合產(chǎn)品的品牌色，品牌色可以加強(qiáng)用戶對(duì)產(chǎn)品的認(rèn)知
品牌色：品牌色可以決定產(chǎn)品的基本調(diào)性，讓用戶在眾多產(chǎn)品中一眼就看到你的產(chǎn)品，容易被記住和識(shí)別。
案例：網(wǎng)易云音樂(lè)、BOSS直聘
網(wǎng)易云音樂(lè)、BOSS直聘的品牌配色都很簡(jiǎn)單，BOSS直聘的配色只有綠色和白色，配色單一卻顯得突出。品牌色運(yùn)用到界面可以加強(qiáng)用戶對(duì)產(chǎn)品的認(rèn)知。
5、規(guī)范：規(guī)范設(shè)計(jì)的統(tǒng)一，在視覺(jué)上起到整齊的效果，保證產(chǎn)品的統(tǒng)一性
案例：QQ音樂(lè)圓角的設(shè)計(jì)，圓角的統(tǒng)一和運(yùn)用使頁(yè)面看上去圓潤(rùn)有親和力，適合聽(tīng)歌的時(shí)候那種放松的心情
6、習(xí)慣：遵循用戶的操作習(xí)慣，設(shè)計(jì)是為了讓用戶更好的體驗(yàn)，而不是讓用戶用的不舒服
案例1：淘寶
案例2：京東
搜索欄和分類(lèi)：搜索欄和分類(lèi)都是電商類(lèi)平臺(tái)最重要功能，兩款產(chǎn)品都遵循用戶的操作習(xí)慣，放置了右上側(cè)，是因?yàn)橛脩粢呀?jīng)對(duì)這些功能的位置形成記憶
7、安全：在設(shè)計(jì)中要考慮的重要因素就是安全性，以及操作和選擇都是可逆的，可以減少用戶的懷疑和心理疑惑
案例1：微信聊天撤回和重新編輯功能
案例2：智行火車(chē)票退票功能
案例3：淘寶退款、退貨功能
8、人性化：用戶可以根據(jù)自己的操作習(xí)慣、所需功能或者愛(ài)好制定界面
案例1：UC頭條的頻道選擇、形象選擇
案例2：酷狗新版選擇主題皮膚
兩款產(chǎn)品都很人性化，用戶可以根據(jù)自己喜好選擇關(guān)注的內(nèi)容和風(fēng)格
9、反饋：用戶操作出現(xiàn)異常的時(shí)候，及時(shí)給予用戶反饋信息，并出現(xiàn)正確引導(dǎo)
案例1：QQ閱讀的書(shū)架還沒(méi)有任何書(shū)本的時(shí)候
案例2：虎課網(wǎng)在沒(méi)有登錄賬戶的時(shí)候出現(xiàn)的反饋界面
案例3：Soul網(wǎng)絡(luò)異常
案例4：喜馬拉雅未成年模式
10、警告框：在緊急中斷、需要確認(rèn)和通知用戶的情況下使用，友好的文案，可減少用戶心理的不適
案例1：微博在無(wú)WiFi網(wǎng)絡(luò)的情況下播放視頻
案例2：騰訊課堂網(wǎng)絡(luò)異常
11、加載：分為靜態(tài)和動(dòng)態(tài)兩種形式，動(dòng)態(tài)加載可以吸引用戶的注意力，減少用戶等待的焦慮和無(wú)聊
案例1：?jiǎn)袅▎袅ㄊ醉?yè)和頁(yè)面加載狀態(tài)，首頁(yè)加載是動(dòng)態(tài)，而頁(yè)面加載的形式是靜態(tài)
案例2：虎牙直播動(dòng)態(tài)加載狀態(tài)
12、引導(dǎo)：引導(dǎo)功能，便于用戶了解功能和操作界面，產(chǎn)品更新后也可以使用引導(dǎo)來(lái)告訴用戶
案例1：芒果TV功能更新指引
案例2：酷狗功能更新指引
案例3：每日故宮功能解說(shuō)和功能更新引導(dǎo)
小結(jié)
希望通過(guò)這次的UI設(shè)計(jì)思考總結(jié)，讓自己變得更好更優(yōu)秀，總結(jié)是對(duì)自我的成長(zhǎng)和監(jiān)督，不僅可以提高工作的效率，還可以加強(qiáng)對(duì)產(chǎn)品的思考能力。結(jié)合UI設(shè)計(jì)思考過(guò)程，體驗(yàn)不同的產(chǎn)品，感受不同的設(shè)計(jì)，注意細(xì)節(jié)、認(rèn)真分析
作者：黑澤雙熾
藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.bouu.cn