-
當(dāng)前位置:首頁(yè) > 綜合 > 浙江 > 專(zhuān)題列表 > 正文
設(shè)計(jì)的十大原則(設(shè)計(jì)的十大原則是什么)
大家好!今天讓創(chuàng)意嶺的小編來(lái)大家介紹下關(guān)于設(shè)計(jì)的十大原則的問(wèn)題,以下是小編對(duì)此問(wèn)題的歸納整理,讓我們一起來(lái)看看吧。
創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀企業(yè),服務(wù)客戶(hù)遍布全國(guó),相關(guān)業(yè)務(wù)請(qǐng)撥打175-8598-2043,或微信:1454722008
本文目錄:
一、室內(nèi)設(shè)計(jì)的十大美學(xué)原則
室內(nèi)設(shè)計(jì)的十大美學(xué)原則
隨著裝飾裝修行業(yè)的發(fā)展和人們審美水平的不斷提高,軟裝設(shè)計(jì)漸漸走進(jìn)了我們的生活,成為室內(nèi)設(shè)計(jì)中最為重要的一環(huán)。藝術(shù),都是打造美的,也都有自身所對(duì)應(yīng)的美學(xué)原則。那么室內(nèi)設(shè)計(jì)十大經(jīng)典美學(xué)原則是什么呢,一起來(lái)看看!
1. 比例與技巧
奧古斯丁曾經(jīng)說(shuō)過(guò):“美是各部分的適當(dāng)比例,再加一種悅目的顏色?!北壤俏锱c物相對(duì)來(lái)說(shuō)的,表明各種相對(duì)面間的度量關(guān)系,在美學(xué)中,最經(jīng)典的比例分配莫過(guò)于“黃金分割”了;尺度是物與人(或其他易識(shí)別的不變要素)之間相比,不需涉及具體尺寸,完全憑感覺(jué)上的印象來(lái)把握。
注:比例是理性的、具體而標(biāo)準(zhǔn)的,可尺度卻是感性的、抽象的。如果你沒(méi)有特別的偏好,不妨就用1:0.618的比例來(lái)劃居室空間吧,這是一個(gè)非常討巧且有效的辦法。
2. 穩(wěn)定與輕巧
穩(wěn)定與輕巧幾乎就是國(guó)人內(nèi)心追求的寫(xiě)照,正統(tǒng)內(nèi)斂、理性與感性兼容并蓄形成完美的生活方式。用這種心態(tài)來(lái)布置家居的話,與洛可可風(fēng)格頗有不謀而合之處。以輕巧、自然、簡(jiǎn)潔、流暢為特點(diǎn),將曲線運(yùn)用發(fā)揮得淋漓盡致的洛可可式家具,在近年的復(fù)古風(fēng)中極為時(shí)尚。
注:軟裝布置得過(guò)重會(huì)讓人覺(jué)得壓抑、沉悶;過(guò)輕又會(huì)讓人覺(jué)得輕浮、毛躁。要注意色彩的輕重結(jié)合,家具飾物的形狀大小分配協(xié)調(diào),整體布局的合理完善等問(wèn)題。
3. 調(diào)和與對(duì)比
“對(duì)比”是美的構(gòu)成形式之一,在家居布置中,對(duì)比手法的運(yùn)用無(wú)處不在,可用做對(duì)比的角度也很多。比如通過(guò)光線的明暗對(duì)比、色彩的冷暖對(duì)比、材料的質(zhì)地對(duì)比、傳統(tǒng)與現(xiàn)代的對(duì)比等等。
力求使家居風(fēng)格產(chǎn)生更多層次、更多樣式的`變化,從而演繹出各種不同節(jié)奏的生活方式。而調(diào)和則是將對(duì)比雙方進(jìn)行緩沖與融合的一種有效手段。
4. 節(jié)奏與韻律
節(jié)奏與韻律是密不可分的統(tǒng)一體,是美感的共同語(yǔ)言,是創(chuàng)作和感受的關(guān)鍵。人稱(chēng)“建筑是凝固的音樂(lè)”,就是因?yàn)樗鼈兌际峭ㄟ^(guò)節(jié)奏與韻律的體現(xiàn)而造成美的感染力。成功的建筑總是以明確動(dòng)人的節(jié)奏和韻律將無(wú)聲的實(shí)體變?yōu)樯鷦?dòng)的語(yǔ)言和音樂(lè),因而名揚(yáng)于世。
注:在整體軟裝中雖然可以采用不同的節(jié)奏和韻律,但同一個(gè)房間切忌使用兩種以上的節(jié)奏,那會(huì)讓人無(wú)所適從、心煩意亂。
5. 對(duì)稱(chēng)與均衡
對(duì)稱(chēng)是指以某一點(diǎn)為軸心,求得上下、左右的均衡。對(duì)稱(chēng)與均衡在一定程度上反映了處世哲學(xué)與中庸之道,因而在我國(guó)古典建筑中常常會(huì)運(yùn)用到這種方式?,F(xiàn)在居室裝飾中人們往往在基本對(duì)稱(chēng)的基礎(chǔ)上進(jìn)行變化,造成局部不對(duì)稱(chēng)或?qū)Ρ?,這也是一種審美原則。另有一種方法是打破對(duì)稱(chēng),或縮小對(duì)稱(chēng)在室內(nèi)裝飾的應(yīng)用范圍,使之產(chǎn)生一種有變化的對(duì)稱(chēng)美。
6. 主從與重點(diǎn)
當(dāng)主角和配角關(guān)系很明確時(shí),心理也會(huì)安定下來(lái)。如果兩者的關(guān)系模糊,便會(huì)令人無(wú)所適從,所以主從關(guān)系是軟裝布置中需要考慮的基本因素之一。在居室裝飾中,視覺(jué)中心是極其重要的,人的注意范圍一定要有一個(gè)中心點(diǎn),這樣才能造成主次分明的層次美感,這個(gè)視覺(jué)中心就是布置上的重點(diǎn)。
注:重點(diǎn)過(guò)多就會(huì)變成沒(méi)有重點(diǎn)。配角的一切行為都是為了突出主角,切勿喧賓奪主。
7. 過(guò)渡與呼應(yīng)
硬、軟裝修在色調(diào)、風(fēng)格上的彼此和諧不難做到,難度在于如何讓二者產(chǎn)生“聯(lián)系”,這就需要運(yùn)用“過(guò)渡”了。呼應(yīng)屬于均衡的形式美,是各種藝術(shù)常用的手法。在室內(nèi)設(shè)計(jì)中,過(guò)渡與呼應(yīng)總是形影相伴的,具體到頂棚與地面、桌面與墻面、各種家具之間,形體與色彩層次過(guò)渡自然、巧妙呼應(yīng)的話,往往能取得意想不到的效果。
注:“過(guò)渡與呼應(yīng)”可以增加居室的豐富美感,但不宜太多或過(guò)分復(fù)雜,否則會(huì)給人造成雜亂無(wú)章及過(guò)于繁瑣的感覺(jué)。
8. 比擬與聯(lián)想
比擬是一種文學(xué)上的說(shuō)法,在形式美學(xué)當(dāng)中,它與聯(lián)想密不可分。所謂聯(lián)想,是指人們根據(jù)事物之間的某種聯(lián)系由此及彼的心理思維過(guò)程。聯(lián)想是聯(lián)系眼前的事物與以往曾接觸過(guò)的相似、相反或相關(guān)的事物之間的紐帶和橋梁,它可以使人思路更開(kāi)闊、視野更廣遠(yuǎn),從而引發(fā)審美情趣。
聯(lián)想的內(nèi)容都是已知的、客觀存在的,運(yùn)用比擬手法,通過(guò)聯(lián)想使抽象的意識(shí)活動(dòng)與具體形象相結(jié)合。例如臥室,選用紅調(diào)的布藝,再加上茂盛的綠色盆栽、立在窗邊的長(zhǎng)頸鹿擺飾,置身其中難免會(huì)從色彩、布景中產(chǎn)生熱情洋溢、活力四射的非洲印象。
注:比擬與聯(lián)想從來(lái)都不是天馬行空式的胡思亂想,它形成的空間應(yīng)該是你曾經(jīng)有過(guò)或者非常向往的生活氛圍。
9. 同一與變化
軟裝布置在整體設(shè)計(jì)上應(yīng)遵循“寓多樣于統(tǒng)一”的形式美原則,根據(jù)大小、色彩、位置使之與家具構(gòu)成一個(gè)整體,成為室內(nèi)一景,營(yíng)造出自然和諧、極具生命力的“統(tǒng)一與變化”。
家具要有統(tǒng)一的藝術(shù)風(fēng)格和整體韻味,最好成套定制或盡量挑選顏色、式樣格調(diào)較為一致的,加上人文融合,進(jìn)一步提升居住環(huán)境的品位。不同的空間應(yīng)選用不同的色彩基調(diào)。
10. 單純風(fēng)格
家居風(fēng)格的成因是綜合而復(fù)雜的,有意識(shí)形態(tài)的、有物質(zhì)條件的、有傳統(tǒng)的、有地域物產(chǎn)的,還有居住者個(gè)人的經(jīng)歷、才能及偏好和外來(lái)的影響等等因素。
無(wú)論成因如何,首先要考慮好居室的基本風(fēng)格,一旦建立起一種氣氛,一種風(fēng)格,一種角度,你就可以仔細(xì)地構(gòu)建自己的風(fēng)格,并且逐漸獲得自信。
;
二、優(yōu)良設(shè)計(jì)的博朗設(shè)計(jì)的十項(xiàng)原則
博朗的設(shè)計(jì)理念源于1955年,經(jīng)過(guò)幾十年的發(fā)展完善,這一特點(diǎn)鮮明、注重功能的設(shè)計(jì)風(fēng)格被設(shè)計(jì)大師迪特·拉姆斯(Dieter Rams)概括總結(jié)為產(chǎn)品設(shè)計(jì)的十原則:
1、出色的設(shè)計(jì)是需要?jiǎng)?chuàng)新的。它既不重復(fù)大家熟悉的形式,但也不會(huì)為了新奇而刻意出新。
2、出色的設(shè)計(jì)創(chuàng)造有價(jià)值的產(chǎn)品。因此,設(shè)計(jì)的第一要?jiǎng)?wù)是讓產(chǎn)品盡可能地實(shí)用。不論是產(chǎn)品的主要功能和輔助功能,都有一個(gè)特定及明確的用途。
3、出色的設(shè)計(jì)是具有美學(xué)價(jià)值的。產(chǎn)品的美感以及它營(yíng)造的魅力體驗(yàn)是產(chǎn)品實(shí)用性不可分割的一部分。我們每天使用的產(chǎn)品都會(huì)影響著我們的個(gè)人環(huán)境,也關(guān)乎我們的幸福。
4、出色的設(shè)計(jì)讓產(chǎn)品簡(jiǎn)單明了,讓產(chǎn)品的功能一目了然。如果能讓產(chǎn)品不言自明、一望而知,那就是優(yōu)秀的設(shè)計(jì)作品。
5、出色的設(shè)計(jì)不是觸目、突兀和炫耀的。產(chǎn)品不是裝飾物,也不是藝術(shù)品。產(chǎn)品的設(shè)計(jì)應(yīng)該是自然的、內(nèi)斂的、為使用者提供自我表達(dá)的空間。
6、出色的設(shè)計(jì)是歷久彌新的。設(shè)計(jì)不需要稍縱即逝的時(shí)髦。在人們習(xí)慣于喜新厭舊、習(xí)慣于拋棄的今天,優(yōu)秀的設(shè)計(jì)要能在眾多產(chǎn)品中脫穎而出,讓人珍視。
7、出色的設(shè)計(jì)貫穿每個(gè)細(xì)節(jié)。決不心存僥幸、留下任何漏洞。設(shè)計(jì)過(guò)程中的精益求精體現(xiàn)了對(duì)使用者的尊重。
8、出色的設(shè)計(jì)應(yīng)該兼顧環(huán)保,致力于維持穩(wěn)定的環(huán)境,合理利用原材料。當(dāng)然,設(shè)計(jì)不應(yīng)僅僅局限于防止對(duì)環(huán)境的污染和破壞,也應(yīng)注意不讓人們的視覺(jué)產(chǎn)生任何不協(xié)調(diào)的感覺(jué)。
9、出色的設(shè)計(jì)越簡(jiǎn)單越好。
10、設(shè)計(jì)應(yīng)當(dāng)只專(zhuān)注于產(chǎn)品的關(guān)鍵部分,而不應(yīng)使產(chǎn)品看起來(lái)紛亂無(wú)章。簡(jiǎn)單而純粹的設(shè)計(jì)才是最優(yōu)秀的!
Good design is innovative.
Good design makes a product useful.
Good design is aesthetic.
Good design helps us to understand a product.
Good design is unobtrusive.
Good design is honest.
Good design is durable.
Good design is consequent to the last detail.
Good design is concerned with the environment.
Good design is as little design as possible.
Back to purity, back to simplicity
Dieter Rams: I have distilled the essentials of my design philosophy into ten points. But these points cannot be set in stone because just as technology and culture are constantly developing, so are ideas about good design.
1. Good design is innovative.
Technological development is always offering new opportunities for innovative design. But innovative design always develops in tandem with innovative technology and can never be an end in itself. When designing the shelving system, I had the idea that it should be like a good English butler. It should be there when you need it but be in the background when you don't.
2. Good design makes a product useful.
A product is bought to be used. It has to satisfy certain criteria, not only functional but also psychological and aesthetic. Good design emphasizes the usefulness of the product while disregarding anything that could possibly detract from it.
3. Good design is aesthetic.
The aesthetic quality of a product is integral to its usefulness because products we use every day affect our well-being. But only well-executed objects can be beautiful.
4. Good design makes a product understandable.
It clarifies the product's structure. Better still, it can make the product talk. At best, it is self-explanatory.
5. Good design is honest.
It does not make a product more innovative, powerful, or valuable than it really is. It does not attempt to manipulate the consumer with promises that cannot be kept.
6. Good design is unobtrusive.
Products fulfilling a purpose are like tools. They are neither decorative objects nor works of art. Their design should therefore be both neutral and restrained, to leave room for the user's self-expression.
7. Good design is long-lasting.
It avoids being fashionable, and therefore never appears antiquated. Unlike fashionable design, it lasts many years--even in today's throwaway society. I live with the shelving system. It's the only way I can improve it. I'm proud when I get letters from users who say they bought system in 1962 and were able to add elements to it as their needs grew and changed.
8. Good design is thorough down to the last detail.
Nothing must be arbitrary. Care and accuracy in the design process shows respect toward the consumer.
9. Good design is environmentally friendly.
Design makes an important contribution to the preservation of the environment. It conserves resources and minimizes physical and visual pollution throughout the life cycle of the product. A few years ago I had the crazy idea that gas stations should not only be places to buy gas but locations where you could return goods for recycling. Companies have the technology; the problem is finding ways for users to be able to return a product at the end of its life. (To learn more about Rams's views on environmental sustainability and designers' responsibility to the earth, read our Web-exclusive essays The Art of Living Better and The Future of Design.)
10. Good design is as little design as possible.
Less but better--because it concentrates on the essential aspects, and the products are not burdened with inessentials. Back to purity, back to simplicity!
三、設(shè)計(jì)原則| 尼爾森十大可用性原則案例解析
開(kāi)篇靈魂拷問(wèn):
你認(rèn)為一個(gè)怎樣的產(chǎn)品才算是一個(gè)好的產(chǎn)品?
這個(gè)問(wèn)題耳熟嗎?面試的時(shí)候是不是有被問(wèn)到過(guò)?
我們經(jīng)常使用的那些產(chǎn)品,哪些是好的產(chǎn)品呢?
當(dāng)我們談?wù)撘粋€(gè) APP 產(chǎn)品時(shí),作為用戶(hù)你最關(guān)心的是什么?
一般都是是這個(gè)產(chǎn)品好用嗎?功能復(fù)雜嗎?
而不是這個(gè)產(chǎn)品用戶(hù)界面顏色好看嗎?
交互的動(dòng)效酷炫嗎?
互聯(lián)網(wǎng)已經(jīng)深入到每個(gè)人的生活當(dāng)中,時(shí)刻影響著我們;
一個(gè)好的產(chǎn)品會(huì)給我們帶來(lái)便捷,使我們的生活變得簡(jiǎn)單而又美好;
也會(huì)有一些產(chǎn)品使用時(shí)會(huì)感到不舒服,糟糕的產(chǎn)品體驗(yàn)會(huì)讓我們的生活變得復(fù)雜而又煩惱。
所以,決定一個(gè)產(chǎn)品好不好用,能不能長(zhǎng)期使用都是用戶(hù)體驗(yàn)直接決定的。
用戶(hù)體驗(yàn)關(guān)注的是在滿足用戶(hù)需求的同時(shí)帶給用戶(hù)美好的感受。
接下來(lái)我們來(lái)聊一聊「尼爾森十大原則」,這十大原則是具體而又全面的用戶(hù)體驗(yàn)可行性檢驗(yàn)方法。
尼爾森是誰(shuí)?
雅各布·尼爾森(Jakob Nielsen)是畢業(yè)于哥本哈根的丹麥技術(shù)大學(xué)的人機(jī)交互博士,他擁有79項(xiàng)美國(guó)專(zhuān)利,專(zhuān)利主要涉及讓互聯(lián)網(wǎng)更容易使用的方法。于1995年1月1日發(fā)表了「十大可用性原則」。1995年以來(lái),他通過(guò)自己的 Alertbox 郵件列表以及 useit.com 網(wǎng)站,向成千上萬(wàn)的 Web 設(shè)計(jì)師傳授 Web 易用性方面的知識(shí),盡管他的一些觀點(diǎn)可能帶來(lái)爭(zhēng)議,至少在 Web 設(shè)計(jì)師眼中,他是 Web 易用性領(lǐng)域的頂尖領(lǐng)袖。2006年4月,并被納入美國(guó)計(jì)算機(jī)學(xué)會(huì)人機(jī)交互學(xué)院,被賦予人機(jī)交互實(shí)踐的終身成就獎(jiǎng)。他還被紐約時(shí)報(bào)稱(chēng)為“Web 易用性大師”,被 Internet Magazine 稱(chēng)為 “易用之王”。
尼爾森的十大可用性原則,它們被稱(chēng)為「啟發(fā)式」,
是廣泛的經(jīng)驗(yàn)法則,而不是特定的可用性指導(dǎo)原則。
雖然是1995年提出來(lái)的,但是至今仍然被奉為交互設(shè)計(jì)師的入門(mén)法則,
我們不能把它上升為一種標(biāo)準(zhǔn),而只當(dāng)做一種經(jīng)驗(yàn)來(lái)學(xué)習(xí),
然后跟現(xiàn)實(shí)中的設(shè)計(jì)結(jié)合來(lái)使用。
因?yàn)槟崂蠋熓菑?web 設(shè)計(jì)提出的十大可用性原則,
我們要結(jié)合的是目前移動(dòng)互聯(lián)網(wǎng)的特點(diǎn),
然后在「尼爾森十大原則」的結(jié)構(gòu)下探討在用戶(hù)體驗(yàn)上達(dá)到的目標(biāo)。
尼爾森十大可⽤用性原則為:
01. 狀態(tài)可見(jiàn)原則
02. 環(huán)境貼切原則
03. 撤銷(xiāo)重做原則
04. 一致性原則
05. 防錯(cuò)原則
06. 易取原則
07. 靈活高效原則
08. 易掃原則
09. 容錯(cuò)原則
10. 人性化幫助原則
下面我們就針對(duì)每一條來(lái)單獨(dú)分析一下吧~
1 ·. 狀態(tài)可見(jiàn)原則
系統(tǒng)應(yīng)該讓用戶(hù)知道發(fā)生了什么,在適當(dāng)?shù)臅r(shí)間內(nèi)做出適當(dāng)?shù)姆答仭?/p>
不要蒙蔽用戶(hù);溝通是所有關(guān)系的基礎(chǔ),無(wú)論⼈還是設(shè)備。
示例: 在淘寶里,我下拉時(shí)他告訴我「松開(kāi)刷新」,也就是現(xiàn)在還沒(méi)有開(kāi)始刷新;我松開(kāi)后狀態(tài)變更成「刷新中」,表示現(xiàn)在正在刷新。
這樣的設(shè)計(jì)告訴我們,界面現(xiàn)在是什么狀態(tài),現(xiàn)在在干嘛,在整個(gè)功能的變化過(guò)程中我們都能看到對(duì)應(yīng)的文字描述。
其他示例: 下拉刷新時(shí)的加載中,加載完成提示,收藏成功、支付成功、實(shí)付失敗等提示。
2 ·. 環(huán)境貼切原則
功能和服務(wù)貼近用戶(hù)使用的場(chǎng)景,符合當(dāng)前場(chǎng)景用戶(hù)的體驗(yàn)。
產(chǎn)品的功能和服務(wù)應(yīng)該貼近真實(shí)世界,讓信息更自然,邏輯上也更容易被用戶(hù)理解。
示例: 我們?cè)诘昀镔I(mǎi)東西的時(shí)候經(jīng)常會(huì)聽(tīng)到這樣的聲音「支付寶到賬:5元」就是貼近環(huán)境的設(shè)計(jì)。商家需要確認(rèn)你是否付錢(qián),但是又經(jīng)常忙于手頭的事情無(wú)法及時(shí)查看;
而這樣功能的設(shè)計(jì),商家即使在忙著手頭的事情依然能通過(guò)聲音來(lái)確認(rèn)已經(jīng)收到你的錢(qián)了。
這樣的設(shè)計(jì)對(duì)于商家和消費(fèi)者是友好便捷的。
3 ·. 撤銷(xiāo)重做原則
在使用產(chǎn)品時(shí)了解和掌控當(dāng)前頁(yè)面。
如果用戶(hù)誤操作,可以隨時(shí)撤銷(xiāo),用戶(hù)在使用產(chǎn)品時(shí)足夠自由。
示例1: 我們用微信和對(duì)方聊天時(shí),當(dāng)我們寫(xiě)了很多字,發(fā)出去時(shí)卻發(fā)現(xiàn)其中有錯(cuò)誤,這時(shí)我們可以使用微信的撤回功能,體驗(yàn)更好的是,撤回消息旁邊有「重新編輯」功能,可以讓之前編輯的文本回到對(duì)話框重新編輯再發(fā)送。如下圖:
示例2: iOS系統(tǒng)照片的刪除和撤回
4 ·. 一致性原則
同樣的文字、狀態(tài)、按鈕,都應(yīng)該觸發(fā)相同的事情,遵從通用的平臺(tái)慣例。也就是,同一用語(yǔ)、功能、操作保持一致。主要包括以下五個(gè)方面:
1. 結(jié)構(gòu)一致性
保持一種類(lèi)似的結(jié)構(gòu),新的結(jié)構(gòu)變化會(huì)讓用戶(hù)思考,規(guī)則的排序能減輕用戶(hù)的思考負(fù)擔(dān)。
示例: 微信中每個(gè)模塊的條目都有統(tǒng)一的「圖標(biāo)+文字信息」的結(jié)構(gòu)樣式,能讓用戶(hù)快速了解每一個(gè)模塊;
2. 色彩一致性
產(chǎn)品所使用的主要色調(diào)應(yīng)該是統(tǒng)一的,而不是換一個(gè)頁(yè)面,顏色就不同。
示例: 淘寶的圖標(biāo)顏色與界面的主色均為橙色,也包括其中一些標(biāo)簽和強(qiáng)調(diào)的文字顏色都是橙色色。整個(gè)界面除了圖片的有效信息外,都通過(guò)灰、白、橙色色來(lái)呈現(xiàn),界面保持了很好的一致性;
3. 操作一致性
能在產(chǎn)品更新?lián)Q代時(shí)仍然讓用戶(hù)保持對(duì)原產(chǎn)品的認(rèn)知,減小用戶(hù)的學(xué)習(xí)成本。
示例: 微信在對(duì)話框和通訊錄都采用了左滑出操作的交互,如下圖:
4. 反饋一致性
用戶(hù)在操作按鈕或者條目的時(shí)候,點(diǎn)擊的反饋效果應(yīng)該是一致的。
示例: QQ的每個(gè)分組點(diǎn)擊后都是向下展開(kāi)組內(nèi)成員列表;
5. 文字一致性
產(chǎn)品中呈現(xiàn)給用戶(hù)閱讀的文字大小、樣式、顏色、布局等都應(yīng)該是一致的。
示例: 例如微信幾個(gè)關(guān)鍵界面的字體:三個(gè)主界面內(nèi)容結(jié)構(gòu)不盡相同,但是,列表的標(biāo)題字體和間距都一樣,這樣讓整個(gè)APP視覺(jué)上看起來(lái)很舒服;
5 ·. 防錯(cuò)原則
比出現(xiàn)錯(cuò)誤信息提示更更好的是,用設(shè)計(jì)防⽌止這類(lèi)問(wèn)題發(fā)生。在用戶(hù)選擇動(dòng)作發(fā)⽣生之前, 就要防止用戶(hù)容易混淆或者錯(cuò)誤的選擇。
1. 限制操作范圍與條件;
示例: 未輸入驗(yàn)證碼前,底部的登錄按鈕是置灰不可點(diǎn)擊的,只有填寫(xiě)完整,底部的登錄按鈕才會(huì)變?yōu)榭牲c(diǎn)擊狀態(tài)。這就是為了防止用戶(hù)犯更多錯(cuò)誤;
2. 對(duì)有風(fēng)險(xiǎn)的操作進(jìn)⾏二次確認(rèn);
示例: 刪除個(gè)好友時(shí),通過(guò)二次彈窗給出防錯(cuò)措施。
6 ·. 易取原則
減少用戶(hù)記憶負(fù)荷,在適合的時(shí)機(jī)給用戶(hù)需要獲取的信息。
1. 為用戶(hù)提供歷史記錄、關(guān)注、收藏等功能;
示例: 愛(ài)奇藝為用戶(hù)提供了看過(guò)記錄和我的收藏,幫助用戶(hù)記憶:
2. 選擇而不是輸入,盡量降低輸入成本;
示例1: 打車(chē)軟件自動(dòng)獲取當(dāng)前位置;
示例2 :iOS系統(tǒng)收到驗(yàn)證碼后自動(dòng)帶入到鍵盤(pán),點(diǎn)擊直接輸入;
7 ·. 靈活高效原則
對(duì)于新用戶(hù)來(lái)說(shuō),需要功能明確、清晰,對(duì)于老用戶(hù)需要快捷高效使用高頻功能。不可為了某一種用戶(hù),把不必要的信息占據(jù)重要部分。主要體現(xiàn)在3個(gè)方面:
1. 自定義功能或模塊的展示位置;
示例: 支付寶首頁(yè)的應(yīng)用是可以根據(jù)自身喜好自定義的,包括定義常用應(yīng)用、排序、刪除、新增等等。這樣用戶(hù)可以根據(jù)自己的個(gè)人興趣定制自己適合的應(yīng)用分布方式,這就叫做用戶(hù)定制常用功能,如下圖:
2. 將“常用”自動(dòng)歸納以提升使用效率;
示例: 微信聊天界面表情彈窗中會(huì)有一個(gè)「最近使用」的模塊,它把個(gè)人平時(shí)使用頻率或者次數(shù)最多的表情進(jìn)行歸類(lèi)。當(dāng)用戶(hù)使用的時(shí)候,能很快的找到自己喜歡或者常用的表情,提高了聊天效率;包括餓了么的「我的訂單」里的每一個(gè)訂單都可以通過(guò)再來(lái)一單重新一鍵下單,如下圖:
3. 縮短操作路路徑,提升使⽤用效率與體驗(yàn);
示例: 微信的對(duì)話框,當(dāng)點(diǎn)擊「+」調(diào)出下面的操作選項(xiàng)時(shí),會(huì)默認(rèn)彈出剛截圖或拍照的照片,方便用戶(hù)直接調(diào)取,還有APP長(zhǎng)按后出來(lái)的快捷操作列表,如下圖:
8 ·. 易掃原則
直譯: 美學(xué)和簡(jiǎn)約的設(shè)計(jì);頁(yè)面不應(yīng)包含不相關(guān)或很少需要的信息,頁(yè)面中的每個(gè)額外信息都會(huì)降低主要內(nèi)容的相對(duì)可見(jiàn)性。
示例: 如下圖列表中出現(xiàn)的信息都是用戶(hù)比較關(guān)注的信息,比如配送費(fèi),配送時(shí)間,距離等;攜程的選擇機(jī)票界面講最重要的時(shí)間和機(jī)票價(jià)格放大突出,讓用戶(hù)能一眼看到,如圖:
9 ·. 容錯(cuò)原則
直譯: 幫助用戶(hù)識(shí)別、診斷和從錯(cuò)誤中恢復(fù);我們盡量避免用戶(hù)出現(xiàn)錯(cuò)誤,但當(dāng)出現(xiàn)錯(cuò)誤時(shí),我們應(yīng)該盡量去安撫用戶(hù)的挫敗感。
⽤配圖+文字代替「404」,明確告訴用戶(hù)哪⾥錯(cuò)了和解決方案。
示例: 界面加載失敗時(shí)的刷新提示,還有登錄時(shí)的手機(jī)號(hào)碼校驗(yàn),如果手機(jī)格式錯(cuò)誤會(huì)出現(xiàn)會(huì)提示用戶(hù)手機(jī)格式不正確和正確的格式。
10 ·. 人性化幫助
幫助性提示最好的方法是:
1.無(wú)需提示: 非常簡(jiǎn)單易懂,用戶(hù)看界面就知道怎么操作,無(wú)需提示;
2.一次性提示: 只需要一次提示用戶(hù)就懂如何使用;
示例: 常見(jiàn)的新功能引導(dǎo)、引導(dǎo)⻚等,示例:
3. 常駐提示: 較重要的提示,用于指導(dǎo)或幫助用戶(hù);
示例: 支付寶轉(zhuǎn)賬時(shí),常駐在頂部的安全確認(rèn)提示,還有轉(zhuǎn)賬時(shí)的服務(wù)費(fèi)提示,如圖:
4. 幫助文檔: 稍微復(fù)雜一點(diǎn)的軟件,雖然要讓他盡量簡(jiǎn)單但幫助文檔都是必要的;
示例: 微信設(shè)置界面里的「幫助與反饋」,還有支付寶轉(zhuǎn)賬時(shí)彈出來(lái)的「求助反饋」,點(diǎn)進(jìn)去后的常見(jiàn)問(wèn)題界面;
以上就是我對(duì)Jakob Nielsen(雅各布·尼爾森)的十大交互設(shè)計(jì)原則的理解和實(shí)例解讀,希望對(duì)大家有所幫助。如果大家同樣對(duì)這些方面有些興趣或者看了后有些什么想法,歡迎一起討論。
四、尼爾森十大交互設(shè)計(jì)原則
一、狀態(tài)可見(jiàn)原則
系統(tǒng)應(yīng)該讓用戶(hù)時(shí)刻清楚當(dāng)前發(fā)生了什么事情,也就是快速的讓用戶(hù)了解自己處于何種狀態(tài)、對(duì)過(guò)去發(fā)生、當(dāng)前目標(biāo)、以及對(duì)未來(lái)去向有所了解,一般的方法是在合適的時(shí)間給用戶(hù)適當(dāng)?shù)姆答仯乐褂脩?hù)使用出現(xiàn)錯(cuò)誤。
二、環(huán)境貼切原則
軟件系統(tǒng)應(yīng)該使用用戶(hù)熟悉的語(yǔ)言、文字、語(yǔ)句,或者其他用戶(hù)熟悉的概念,而非系統(tǒng)語(yǔ)言。軟件中的信息應(yīng)該盡量貼近真實(shí)世界,讓信息更自然,邏輯上也更容易被用戶(hù)理解。
三、用戶(hù)可控原則
用戶(hù)常常會(huì)誤觸到某些功能,我們應(yīng)該讓用戶(hù)可以方便的退出。這種情況下,我們應(yīng)該把“緊急出口”按鈕做的明顯一些,而且不要在退出時(shí)彈出額外的對(duì)話框,很多用戶(hù)發(fā)送一條消息、總會(huì)有他忽然意思到自己不對(duì)的地方,這個(gè)叫做臨界效應(yīng);所以最好支持撤銷(xiāo)/重做功能。
四、一致性原則
對(duì)于用戶(hù)來(lái)說(shuō),同樣的文字、狀態(tài)、按鈕,都應(yīng)該出發(fā)相同的事情,遵從通用的平臺(tái)慣例;也就是,同一用語(yǔ)、功能、操作保持一致。軟件產(chǎn)品的一致性包括:
1、結(jié)構(gòu)一致性:保持一種類(lèi)似的結(jié)構(gòu),新的結(jié)構(gòu)變化會(huì)讓用戶(hù)思考,規(guī)則的排列順序能減輕用戶(hù)的思考負(fù)擔(dān);
2、色彩一致性:產(chǎn)品所使用的主要色調(diào)應(yīng)該是統(tǒng)一的,而不是換一個(gè)頁(yè)面顏色就不同;
3、操作一致性:能讓產(chǎn)品更新?lián)Q代時(shí)仍然讓影虎保持對(duì)原產(chǎn)品的認(rèn)知,減小用戶(hù)的學(xué)習(xí)成本;
4、反饋一致性:用戶(hù)在操作按鈕或者條目的時(shí)候,點(diǎn)擊的反饋效果應(yīng)該是一致的;
5、文字一致性:產(chǎn)品中呈現(xiàn)給用戶(hù)閱讀的文字大小、樣式、顏色、布局都應(yīng)該是一致的;
五、防錯(cuò)原則
比一個(gè)優(yōu)秀錯(cuò)誤提醒彈框更好的設(shè)計(jì)方式,是在這個(gè)錯(cuò)誤發(fā)生之前就避免它。可以幫助用戶(hù)排除一些容易出錯(cuò)的情況,活在用戶(hù)提交之前給他一個(gè)確認(rèn)的選項(xiàng)。在此,特別要注意再用戶(hù)操作具有毀滅性效果的功能時(shí)要有提示,防止用戶(hù)犯不可挽回的錯(cuò)誤。
六、易取原則
通過(guò)把組件、按鈕及選項(xiàng)可見(jiàn)化,來(lái)降低用戶(hù)的記憶負(fù)荷。用戶(hù)不需要記住各個(gè)對(duì)話框中的信息。軟件的使用指南應(yīng)該是可見(jiàn)的,且再合適的時(shí)候可以再次查看。
七、靈活高效原則
汽車(chē)油門(mén)一新手常常看不見(jiàn),而且對(duì)于高手來(lái)說(shuō)可以通過(guò)它快速與汽車(chē)互動(dòng)。這樣的系統(tǒng)可以同時(shí)滿足有經(jīng)驗(yàn)和無(wú)經(jīng)驗(yàn)的用戶(hù)。允許用戶(hù)定制常用功能。
八、優(yōu)美且簡(jiǎn)約原則
對(duì)話中的內(nèi)容應(yīng)該去除不相關(guān)的信息或幾乎不需要的信息。任何不相關(guān)的信息都會(huì)讓原本重要的信息更難被用戶(hù)察覺(jué)。
九、容錯(cuò)原則
錯(cuò)誤信息應(yīng)該使用簡(jiǎn)潔的文字(不要用代碼),指出錯(cuò)誤是什么,并給出解決建議。也就是在用戶(hù)出錯(cuò)時(shí)如何為出錯(cuò)的用戶(hù)提供及時(shí)正確的幫助呢?既要幫助用戶(hù)識(shí)別處錯(cuò)誤,分析錯(cuò)誤的原因再幫助用戶(hù)回到正確的道路上。如果真的不能幫助用戶(hù)從錯(cuò)誤中恢復(fù),也有盡量為用戶(hù)提供幫助讓用戶(hù)損失降到最低。
十、人性化幫助原則
即使系統(tǒng)不適用幫助文章是最好的,但我們也應(yīng)該提供一份幫助文檔。任何幫助信息都應(yīng)該可以方便地搜索到,以用戶(hù)的任務(wù)為核心,列出相應(yīng)的步驟,但文字不能太多。
以上就是關(guān)于設(shè)計(jì)的十大原則相關(guān)問(wèn)題的回答。希望能幫到你,如有更多相關(guān)問(wèn)題,您也可以聯(lián)系我們的客服進(jìn)行咨詢(xún),客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。
推薦閱讀:
便宜的餐飲品牌設(shè)計(jì)(便宜的餐飲品牌設(shè)計(jì)圖)
西安三大品牌設(shè)計(jì)公司(西安三大品牌設(shè)計(jì)公司招聘)
商業(yè)街遮陽(yáng)景觀設(shè)計(jì)(商業(yè)街遮陽(yáng)景觀設(shè)計(jì)效果圖)
問(wèn)大家
學(xué)平面設(shè)計(jì)工資高不高?有前途嗎?
上海誠(chéng)信的公眾號(hào)設(shè)計(jì)制作正常要多少錢(qián)?各位大哥大姐們幫幫我
UI設(shè)計(jì)師必須要有強(qiáng)大的平面基礎(chǔ)嗎?
IT小白,想要學(xué)習(xí)室內(nèi)設(shè)計(jì),有前途嗎?
學(xué)室內(nèi)設(shè)計(jì)出來(lái)工資一般多少?有前途嗎?
如東誠(chéng)信的網(wǎng)站建設(shè)設(shè)計(jì)性?xún)r(jià)比怎么樣?在座的筒子們幫忙回一下
美工想進(jìn)階成設(shè)計(jì)師往D方向走好還是UI?
霍邱網(wǎng)頁(yè)美工設(shè)計(jì)評(píng)價(jià)怎么樣?路過(guò)的老鐵們有誰(shuí)了解
上海值得推薦的網(wǎng)站建設(shè)設(shè)計(jì)正規(guī)什么價(jià)格?路過(guò)的大佬們聊一聊
UG產(chǎn)品設(shè)計(jì)/工業(yè)設(shè)計(jì)專(zhuān)業(yè)就業(yè)前景如何?
濟(jì)南市哪家婚戀征婚相親比較好?白領(lǐng)婚戀相親平臺(tái)哪家正規(guī)、靠譜