在做交互設(shè)計(jì)時(shí),你需要知道這幾大定律

5 評論 24333 瀏覽 197 收藏 8 分鐘

形式是跟隨功能的,功能是滿足用戶需求的。尊重你的用戶,讓每個(gè)產(chǎn)品的細(xì)節(jié)都是合情合理的,然每一寸體驗(yàn)是“走心”的!

在產(chǎn)品經(jīng)理這個(gè)崗位上,不懂點(diǎn)兒交互設(shè)計(jì),貌似就缺點(diǎn)兒什么似的。在我們生長的環(huán)境中,不乏有各種以大寫U開頭的縮寫,交錯(cuò)呈現(xiàn)在每一個(gè)產(chǎn)品經(jīng)理心中:

  • UI:User Interface 用戶界面(也就是我們俗稱的“射雞師”)
  • UE or UX: User Experience 用戶體驗(yàn)
  • IxD:Interaction design 交互設(shè)計(jì)(通常情況下,UE\UX+IxD=PM)

在此基礎(chǔ)上,衍生了三類設(shè)計(jì)方式:

  • User Interface Design 用戶界面設(shè)計(jì)
  • User Experience Design 用戶體驗(yàn)設(shè)計(jì)
  • UCD:User Centered Design 以用戶為中心的設(shè)計(jì)

在大型的公司,也許你還能分清每個(gè)U所代表的分工。然而在一般創(chuàng)業(yè)型公司,一個(gè)好的產(chǎn)品經(jīng)理已經(jīng)被默認(rèn)認(rèn)為應(yīng)該具備所有這些大寫U開頭的素質(zhì)。不同程度的掌握這些所謂的基本素質(zhì)將成為你生存在創(chuàng)業(yè)公司的砝碼。

既然為了做好產(chǎn)品經(jīng)理,我們就必須得努力“get”到這些技能,給自己的產(chǎn)品經(jīng)理生涯加分,那么既然是技能或者說是基本素質(zhì),我們是不是應(yīng)該首先知道這些所謂的看似高大上的知識,他們的基本原理是什么?所謂的學(xué)科或者專業(yè),能支撐他們的科學(xué)依據(jù)又有哪些呢?

交互設(shè)計(jì)之父的阿蘭·庫珀有一句名言:“除非有更好的選擇,否則就遵從標(biāo)準(zhǔn)”。

1.Fitt’s Law/菲茨定律

在此不在累述基本原理,找度娘滿屏都是!

啟示:屏幕的邊和角很適合放置像菜單欄和按鈕這樣的元素,因?yàn)檫吔鞘蔷薮蟮哪繕?biāo)不管你移動(dòng)了多遠(yuǎn),鼠標(biāo)最終會停在屏幕的邊緣,并定位到按鈕或菜單的上面。

舉個(gè)栗子:下圖是某職業(yè)在線教育平臺,官網(wǎng)首頁改版前后的截圖對比(左圖為改版前,右圖為改版后),我們可以從對比圖看出,改版后的首頁把網(wǎng)站的邊界區(qū)域利用的非常充分,通過邊和角的優(yōu)化,更加突出產(chǎn)品的核心定位及給用戶傳達(dá)的方向,即:”我們是一個(gè)在線教育平臺,我們這里有很多好的課程,我們很專業(yè)….”。

屏幕快照 2016-08-21 上午11.19.06

屏幕快照 2016-08-21 上午11.19.37

2.?Hick’s Law/席克定律

這個(gè)定律簡單歸納一句就是:讓復(fù)雜的東西變得簡單,Don’t make me think!?

席克定律不適用的情況::在一個(gè)非常復(fù)雜的層次結(jié)構(gòu)中進(jìn)行分層選擇;每個(gè)選項(xiàng)需要大量的閱讀理解;

舉些栗子:如果你本來就是一個(gè)內(nèi)容豐富,層次結(jié)構(gòu)很多的產(chǎn)品,譬如商品購買類。那么你所有的分類選項(xiàng)就只能合理分層并歸納選擇,如京東、攜程、去哪兒。那么這類產(chǎn)品的這部分功能就不太適合席克定律,同時(shí)當(dāng)你的產(chǎn)品內(nèi)容已經(jīng)非常豐富了,一打開app就是茫茫多的內(nèi)容,那么請別在用不太能立刻讀懂的文字或者短語去表達(dá)你的選擇及分類信息,徒增用戶的閱讀理解,如下圖最右側(cè)的截圖:

屏幕快照 2016-08-21 上午11.28.42

3.?Tesler’s >Law/泰思勒定律

復(fù)雜性守恒定律。

啟示:每一個(gè)過程都有其固有的復(fù)雜性,存在一個(gè)臨界點(diǎn),超過了這個(gè)臨界點(diǎn)就不能再簡化了,你只能將固有的復(fù)雜性從一個(gè)地方轉(zhuǎn)移到另外一個(gè)地方。除了現(xiàn)在很多產(chǎn)品使用“查看更多”、“查看全部”、“查看詳情”之類的文字,將更多的內(nèi)容從用戶的操作范圍轉(zhuǎn)移到另外一個(gè)地方以外。其實(shí)我們可以想到一個(gè)最為常見的栗子去支撐以上的定律,那就是ios相冊選擇圖片:

屏幕快照 2016-08-21 上午11.35.47

4.?7±2法則

啟示:我們可以看到所有的底部導(dǎo)航模塊,從未超過5個(gè)模塊,所有的內(nèi)容區(qū)塊展示也從未超過5;我們的電話號碼也是7位數(shù)字,不會超過9位數(shù)字或者小于5位數(shù)字。

屏幕快照 2016-08-21 上午11.47.59

5. Others

屏幕快照 2016-08-21 上午11.54.29

講了這么多交互設(shè)計(jì)中的定律后,你是否已經(jīng)在反復(fù)琢磨,原來我們很多時(shí)候做的產(chǎn)品功能都是有科學(xué)依據(jù)且都是有很嚴(yán)謹(jǐn)?shù)目偨Y(jié)的?當(dāng)然所有的定律只是支撐你更加自信的實(shí)現(xiàn)產(chǎn)品體驗(yàn)的低層建筑。正所謂“經(jīng)濟(jì)基礎(chǔ)對定上層建筑?!痹诋a(chǎn)品經(jīng)理這條路上,如果你想要得到滿足感,生產(chǎn)超出用戶預(yù)期的產(chǎn)品,那么你就一定先花時(shí)間“買”到這些定律,讓它們成為你的財(cái)富,然后在實(shí)際工作中“拆”掉它們,做到“心中有時(shí)自然有,心中無時(shí)自然無?!?/p>

最后送給所有產(chǎn)品人er一句裝逼的話:“形式是跟隨功能的,功能是滿足用戶需求的。尊重你的用戶,讓每個(gè)產(chǎn)品的細(xì)節(jié)都是合情合理的,然每一寸體驗(yàn)是“走心”的!”

 

作者:權(quán)莉,微信昵稱:Mandy權(quán)。一名快樂的產(chǎn)品經(jīng)理!~

本文由 @權(quán)莉 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 成都的哥們嘛

    來自四川 回復(fù)
    1. 是的

      回復(fù)
  2. 吐個(gè)槽,手機(jī)號不是11位的么….

    來自本機(jī)地址 回復(fù)
    1. 座機(jī)號碼哈 ??

      來自本機(jī)地址 回復(fù)
    2. 電話號碼這個(gè)有點(diǎn)牽強(qiáng),這個(gè)位數(shù)完全是為了容納可能的用戶數(shù)吧

      回復(fù)