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