100條產(chǎn)品設(shè)計(jì)知識(shí)點(diǎn)(一)

伯斯塔爾法則-1

系統(tǒng)/產(chǎn)品應(yīng)保有一定程度的容錯(cuò)能力,在設(shè)計(jì)中表現(xiàn)為允許用戶進(jìn)行任何操作,即便是錯(cuò)的或無效的。

【案例】

Bilibili安卓端頭部區(qū)域除了【搜索欄】和其他幾個(gè)按鈕之外,任意地方點(diǎn)擊都能夠進(jìn)入側(cè)邊欄,即使沒有點(diǎn)擊到【三條杠】,因?yàn)檫@三條杠實(shí)在是太小了,用戶極有可能沒有點(diǎn)擊到,所以干脆擴(kuò)大了可觸發(fā)的熱區(qū)。

【腦洞題】

還有哪些設(shè)計(jì)體現(xiàn)了設(shè)計(jì)的健壯性?

(1)對(duì)用戶可以進(jìn)行的操作定義邊界:在進(jìn)行純數(shù)字輸入時(shí),淘寶會(huì)強(qiáng)制鍵盤只顯示數(shù)字鍵盤;

(2)如果操作是錯(cuò)的,及時(shí)給出反饋:淘寶提示超出范圍;用戶名設(shè)定提示;


美好即用效應(yīng)-2

當(dāng)界面被設(shè)計(jì)得足夠美觀時(shí),用戶往往會(huì)容忍一些較為輕微、影響較小的可用性問題。

【案例】

微信讀書使用橫向滑動(dòng)的卡片,一屏一張卡片一個(gè)主題,相比較其他讀書類APP(比如起點(diǎn)、京東讀書)而言,這種界面的組織方式瀏覽效率不高,且浪費(fèi)大量屏幕空間,但簡潔、優(yōu)雅的設(shè)計(jì),就有了讓我們多花一點(diǎn)耐心和操作成本看下去的欲望。

【腦洞題】

根據(jù)上述效應(yīng),交互和視覺是對(duì)立的嗎?還有哪些設(shè)計(jì)利用了美好即用效應(yīng)?


刺激作用-3

刺激記憶中的特殊概念,借此影響后續(xù)行為。如果導(dǎo)入的刺激所激活的概念,跟先前已存在的需求或目標(biāo)一致,刺激作用就能發(fā)揮有效影響力。

【案例】

在電影開幕前播放某人喝飲料的廣告,會(huì)對(duì)口渴的人產(chǎn)生效應(yīng),誘使更多人去買飲料,但對(duì)不覺得口渴的人,就沒有啥效果。

【腦洞題】

在靠個(gè)人信譽(yù)運(yùn)行的無人售賣咖啡站,很多人喝咖啡通常都不投幣。如果在咖啡站輪流貼A/B兩款海報(bào),為期十周。貼A的那幾周投幣人數(shù)會(huì)有什么變化?貼B呢?


雅各布定律-4

用戶將大部分時(shí)間花在別人家的網(wǎng)站(產(chǎn)品)上,而不是你的。這意味著他們希望你的網(wǎng)站(產(chǎn)品)跟別人有相同的操作方式和使用模式。

【案例】

在國內(nèi),不論是淘寶、造作、網(wǎng)易云音樂,不論是合家歡風(fēng)格還是性冷淡風(fēng)格,甚至不論是不是電商APP,只要設(shè)計(jì)到商品的詳情頁面,版式都高度相似,上方是圖片,中間描述,底部懸浮的操作區(qū)域,這也是用戶最熟悉、最容易接受的排版。

【腦洞題】

有哪些不符合雅各布定律的電商APP?你如何評(píng)價(jià)這樣的設(shè)計(jì)?


形式服從功能-5

“形式服從功能”法則,可以用兩種方式來詮釋,一種是美感描述,另一種是美感規(guī)范?!懊枋鲂栽忈尅敝傅氖敲栏衼碜约兇獾墓δ埽瑳]有其他多余裝飾?!耙?guī)范性詮釋”指的是設(shè)計(jì)注重功能,美感屬次要考慮。對(duì)優(yōu)秀設(shè)計(jì)來說,定義成功標(biāo)準(zhǔn)極其重要。

【案例】

如果手表成功標(biāo)準(zhǔn)的定義是速度與準(zhǔn)確性,電子顯示是比較好的方式。如果成功的標(biāo)準(zhǔn)放在純美感,極簡主義的長短針顯示最好。

【腦洞題】

生活中有許多產(chǎn)品,選其中5個(gè)或者更多,分析他們的設(shè)計(jì)成功標(biāo)準(zhǔn)是如何定義的?


曲線偏見-6

曲線偏見是一種傾向:對(duì)曲線造型物品的喜愛勝于對(duì)銳角或尖角物品的喜愛。但實(shí)際情況比較復(fù)雜,不能就此推斷所有設(shè)計(jì)為了增加吸引力而做成圓弧形。棱角物品有助于吸引注意力和創(chuàng)新精神;曲線物品則有助于制造正面情緒和美學(xué)印象。

【案例】

下圖從左上到右下,依次是Alessi il Conico、9093、9091和Mami壺,從尖角造型到曲線造型的排列。位于兩極的Alessi il Conico壺和Mami壺,前者最能吸引目光,后者最受大眾歡迎。

【腦洞題】

上圖中哪款茶壺的銷量會(huì)最好?為什么?


恒常性-7

一種雖然知覺在接收物體時(shí)會(huì)出現(xiàn)改變,但人們傾向于認(rèn)為物體本質(zhì)不變的傾向。雖然物體的位置遠(yuǎn)近、光線、顏色或大小有所改變,人們?cè)谥X上仍傾向于認(rèn)為物體恒定不變。

【案例】

雖然照明的改變,會(huì)使物體顯得亮一點(diǎn)兒或暗一點(diǎn)兒,但我們對(duì)物體亮度的認(rèn)識(shí)維持不變(例如在昏暗的屋子里,白色襯衫看起來是灰的,但是我們對(duì)這件襯衫顏色的認(rèn)知維持不變)。

【腦洞題】

為什么我們會(huì)認(rèn)為上圖的兩個(gè)小圓顏色不同?(提示:顏色的恒常性)


奧卡姆剃刀-8

奧卡姆剃刀的含義,就是指一些不必要的元素會(huì)降低設(shè)計(jì)的效率,而且增加不可預(yù)測后果的發(fā)生概率。不管是實(shí)體、視覺或認(rèn)知上,多余的負(fù)擔(dān)都會(huì)削弱表現(xiàn)效能。

【案例】

有兩個(gè)功能相當(dāng)?shù)恼故酒罚ㄙY料內(nèi)容與可讀性相等),就選擇視覺元素較少的那一個(gè)。在不影響功能的情況下,刪除多余元素。最后,在保留原本功能的前提下,讓表現(xiàn)形式更簡單、更明確。

【腦洞題】

找一些設(shè)計(jì)作品,利用奧卡姆剃刀原則對(duì)其進(jìn)行優(yōu)化,并說明原因?


模擬-9

在設(shè)計(jì)中,模擬指的是模仿熟悉的物體、有機(jī)體或環(huán)境的特性,增加產(chǎn)品的適用性、喜愛度或物品功能。設(shè)計(jì)有三種基本模擬:表面、行為及功能。

【案例】

電腦軟件圖標(biāo)的設(shè)計(jì),就是讓他們看起來像公文包或文件夾。

【腦洞題】

模擬是很有效的策略,電話按鍵最早是模擬計(jì)算機(jī)按鍵,但為什么后來采用了相反的排列呢?


干擾效應(yīng)-10

? 有兩種或兩種以上的知覺或認(rèn)知過程發(fā)生沖突時(shí),就會(huì)產(chǎn)生干擾效應(yīng)。思考的過程會(huì)變得比較慢,也不太正確。

【案例】

例如,當(dāng)文字的意義與文字的顏色相沖突時(shí),指出文字顏色所用的時(shí)間會(huì)增長。

【腦洞題】

你能在3秒內(nèi)準(zhǔn)確說出下圖中試驗(yàn)二其中一列的形狀嗎?給你一支筆你會(huì)怎么解決干擾呢?

【作業(yè)提交】

? 郵箱:DesignPalace@163.com

主題:姓名+職業(yè)+城市+知識(shí)點(diǎn)作業(yè)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 朋友小敏清晨打來電話,聽上去很不開心,心情很抑郁。她絮絮叨叨說了很多,我總算聽明白,她與男朋友又分手了。 小敏說,...
    聶明明閱讀 371評(píng)論 0 0
  • 對(duì)于執(zhí)行某些語句時(shí),擔(dān)心執(zhí)行時(shí)間過長,于是需要設(shè)置最長執(zhí)行時(shí)間,超時(shí)即退出,這里提出三種方案: Window下 1...
    dawsonenjoy閱讀 3,805評(píng)論 0 0
  • 是風(fēng)的奔騰 不是浮萍的浮萍 是匆匆的紛擾 不是河流的河流 昂揚(yáng)著頭顱 哪怕從南到北的顛簸 這一世的路徑 在陽光下閃閃發(fā)光
    黃南北閱讀 481評(píng)論 1 0
  • 有時(shí)候需要反復(fù)驗(yàn)證一點(diǎn)點(diǎn)數(shù)字信號(hào)處理的程序,因?yàn)楹唵危ǔ6际菃蝹€(gè)文件進(jìn)行編譯。如果只執(zhí)行一次,將數(shù)據(jù)保存到文件里...
    guyanqiu閱讀 546評(píng)論 0 0
  • 互加計(jì)劃已接近尾聲,真的想說這個(gè)暑假過得充實(shí)而有意義,讓我又接觸到很多先進(jìn)的教學(xué)理念和教學(xué)方法,對(duì)于我們鄉(xiāng)村教師來...
    通化1231宮蕾閱讀 285評(píng)論 0 1

友情鏈接更多精彩內(nèi)容