發(fā)布時間:2024-07-28 09:37:36 瀏覽量:181次
設(shè)計師在日常工作中需要掌握很多理論技巧,怎么樣讓設(shè)計出來的產(chǎn)品更加美觀,更加符合大眾審美呢?設(shè)計師有一些理論上的知識可以引用,本文作者分享了關(guān)于交互設(shè)計的七大定律法則,我們一起來了解一下。
阿里巴巴UCAN2019大會主題《設(shè)計,讓商業(yè)美而簡單》。這是我們UX設(shè)計師朋友們每天都在做的事情,也是我們價值的體現(xiàn)。那怎么樣讓我們的設(shè)計,能讓商業(yè)美而簡單,有沒有什么方法、理論、技巧、原則的東西指導(dǎo)我們進(jìn)行設(shè)計呢?
其實在設(shè)計領(lǐng)域就有很多經(jīng)過設(shè)計前輩引路人,通過大量的設(shè)計檢驗過的定律及法則來作為設(shè)計的指導(dǎo)原理,它能夠幫助設(shè)計師對界面上的內(nèi)容元素進(jìn)行合理的運用,發(fā)現(xiàn)一些產(chǎn)品使用過程中的問題,實時進(jìn)行改善設(shè)計使產(chǎn)品的可用性上得以更好的提升,從而體現(xiàn)出美而簡單的價值。
下面七條定律和原則也許可以幫助你更好地做好產(chǎn)品設(shè)計:
米勒定律是美國心理學(xué)家喬治·米勒對短時記憶能力進(jìn)行了定量研究后提出的原理。提及到人的大腦短時記憶容量約為“7”,并在7+2與7-2之間浮動,因此這個神奇的記憶容量規(guī)律稱為“7±2法則”。
但是這一理論實際上缺乏足夠的科學(xué)依據(jù),不少學(xué)者通過大量研究,發(fā)現(xiàn)那個神奇的數(shù)字其實是“4”。建議在給用戶展示信息時,盡可能限制在4以內(nèi),合理利用分類與歸納減少信息數(shù)量。
米勒定律及其所引發(fā)后人的研究結(jié)論,這一思考常常被運用到產(chǎn)品設(shè)計當(dāng)中。
示例一:現(xiàn)在很多長字符內(nèi)容會進(jìn)行分段顯示,提升易讀性。
示例二:技術(shù)支持下,直接提取短信中的驗證碼在鍵盤上顯示點擊即可,減少用戶的輸錯幾率及記憶成本。
示例三:設(shè)計師互動平臺ZCOOL站酷的導(dǎo)航欄設(shè)計,把主要導(dǎo)航欄位外放7個,更多用收起方式呈現(xiàn),優(yōu)先呈現(xiàn)核心內(nèi)容。
席克定律主要體現(xiàn)出兩個參數(shù):數(shù)量和時間,盡可能減少選項的數(shù)量,以減少選擇決策的時長花費。
產(chǎn)品在服務(wù)于用戶“時間是關(guān)鍵”,精簡選擇以減少用戶反應(yīng)時間。
示例一:電視遙控器將最頻繁使用的幾個按鍵外放,其他操作藏在菜單中,減少用戶選擇時間。
示例二:蘋果產(chǎn)品精簡用戶選擇,提供更好的用戶體驗。
示例三:Mac版QQ客戶端登錄框簡單操作流程,讓用戶操作更流暢。
費茨定律主要體現(xiàn)出三個參數(shù):時間、距離和大小,放大目標(biāo)對象,減少目標(biāo)距離。
設(shè)計中按照費茨定律原則,能直接影響用戶與產(chǎn)品的視覺交流,提升用戶體驗。
示例一:產(chǎn)品宣傳廣告圖常將產(chǎn)品圖放大,通過圖片大小展現(xiàn)視覺沖擊。
示例二:產(chǎn)品內(nèi)部關(guān)聯(lián)操作距離放得比較近,方便用戶進(jìn)行關(guān)聯(lián)操作。
示例三:登錄框設(shè)計簡潔,用戶能快速完成操作。
泰斯勒定律提醒我們處理系統(tǒng)復(fù)雜性,保證用戶簡單高效地使用產(chǎn)品。
在面對較為復(fù)雜的業(yè)務(wù)、流程、頁面時,我們要結(jié)合產(chǎn)品情況,減少冗余信息,讓用戶更好地使用產(chǎn)品。
示例一:平臺通過用戶行為智能推送感興趣內(nèi)容,簡化用戶操作。
示例二:Keynote和PowerPoint對保存定義差異,體現(xiàn)著簡約設(shè)計哲學(xué)。
示例三:復(fù)雜申請過程通過分拆信息,提前告知用戶步驟,預(yù)期流程。
奧卡姆剃刀原則是簡約設(shè)計理念,剔除問題中無用雜項,以簡單解決問題。
精簡化頁面,讓用戶專注于重點內(nèi)容,提高用戶體驗。
示例一:微信充值頁面與其他平臺頁面對比,體現(xiàn)簡單設(shè)計優(yōu)勢。
示例二:iPhone手機(jī)設(shè)計簡化,提升用戶體驗。
示例三:MUJI設(shè)計簡單舒適,體現(xiàn)精選材質(zhì)理念。
接近原則是對相似的信息元素組織,幫助用戶節(jié)省瀏覽和理解成本。
在界面設(shè)計中的作用能夠直接影響用戶與產(chǎn)品的視覺交流,提高用戶體驗。
示例一:表單設(shè)計歸類處理,讓頁面有層次感。
示例二:分拆信息歸類,頁面更有層次感。
防錯原則是為用戶提供措施,減少錯誤發(fā)生,提高用戶效率。
操作前,提示做得更清晰清晰;操作中,實時告知當(dāng)前位置;操作后,及時給予反饋。
示例一:登錄窗口設(shè)計體現(xiàn)防錯機(jī)制。
示例二:微信手機(jī)充值設(shè)計,幫助用戶避免錯誤操作。
設(shè)計之父阿蘭·庫珀曾說:除非有更好的選擇,否則就遵從標(biāo)準(zhǔn)。設(shè)計定律原則是最基礎(chǔ)的理論知識,結(jié)合自身情況和使用場景,更好地運用它。
理解這些設(shè)計原則,真正地結(jié)合產(chǎn)品情況運用,會幫助我們做得更好。
學(xué)習(xí)交互設(shè)計的基本原則能使產(chǎn)品更易上手更美觀更實用,希望本文分享的交互設(shè)計七大法則能給你帶來啟發(fā)。
若對數(shù)字藝術(shù)設(shè)計感興趣,不妨了解數(shù)字藝術(shù)設(shè)計課程,火星時代教育專注數(shù)字藝術(shù)培訓(xùn)。
熱門資訊
1. iPhone6的UI設(shè)計尺寸規(guī)范,原來如此重要!
想要了解iPhone6界面設(shè)計的尺寸規(guī)范嗎?這里為您詳細(xì)介紹iPhone6的UI設(shè)計尺寸規(guī)范,包括界面尺寸、圖標(biāo)尺寸、可點擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
2. 12個絕佳的UI設(shè)計網(wǎng)站,助力你的創(chuàng)作之旅!
將為大家介紹12個絕佳的UI設(shè)計網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學(xué)習(xí)新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個面向設(shè)計師的...
3. 移動端UI設(shè)計中常見的5種APP界面類型,你get到了嗎?
通過介紹移動端UI設(shè)計中的閃屏頁、引導(dǎo)頁、浮層引導(dǎo)頁、空白頁和首頁等5種APP界面類型,幫助大家更好地了解UI設(shè)計的基本知識
4. 10個免費學(xué)習(xí)UI設(shè)計的網(wǎng)站 提升你的設(shè)計能力
怎樣可以提升你的UI設(shè)計能力!第一個:站酷站酷想必是設(shè)計師都知道的一個網(wǎng)站,里面不止有UI設(shè)計的資源,還有其他設(shè)計的,不如:平面設(shè)計、網(wǎng)頁設(shè)計、字體...
5. 移動端列表頁和表單頁設(shè)計秘訣:讓你的APP點擊率翻倍
在移動端設(shè)計中,列表頁和表單頁是不可或缺的部分。一個好的列表頁和表單頁設(shè)計能夠讓用戶輕松地獲取信息并產(chǎn)生點擊欲望,從而提高點擊率。本文將為你...
6. 推薦10本適合UI設(shè)計師看的書籍,輕松掌握技能!
對于想要提高自己的設(shè)計能力和創(chuàng)造力的小白和UI設(shè)計師來說,這本書是一個很好的選擇。4.《設(shè)計的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
7. 零基礎(chǔ)學(xué)UI設(shè)計要多久?培訓(xùn)完能拿多少工資?
探索零基礎(chǔ)UI設(shè)計培訓(xùn)的時長與薪資前景。了解數(shù)字藝術(shù)教育領(lǐng)域的專業(yè)課程,以及培訓(xùn)后的職業(yè)發(fā)展機(jī)會。
8. 物聯(lián)網(wǎng)APP UI設(shè)計:創(chuàng)造智能硬件領(lǐng)域的沉浸式體驗
ui設(shè)計應(yīng)該讓用戶一目了然,能夠快速找到所需的信息和功能。在設(shè)計過程中,應(yīng)盡量使用簡潔的圖標(biāo)、文字和色彩,避免過多的視覺干擾。符合用戶習(xí)慣:ui設(shè)...
9. 武漢UI設(shè)計培訓(xùn)班費用怎么樣?想學(xué)UI設(shè)計要多少錢?
想了解武漢UI設(shè)計培訓(xùn)班的費用是多少嗎?不知道學(xué)UI設(shè)計要花多少錢?不妨看看這篇文章,了解UI設(shè)計培訓(xùn)班的學(xué)費價格以及學(xué)習(xí)內(nèi)容。
10. 設(shè)計中的色彩心理學(xué):淺析中西方色彩的歷史演變與設(shè)計應(yīng)用
摘要:本文探討了色彩的歷史演變和設(shè)計應(yīng)用。通過對色彩在早期文明社會中的實用運用、不同文化背景下色彩觀念的差異、色彩在設(shè)計中的重要性以及新興技...
最新文章
同學(xué)您好!