#交互設(shè)計(jì)# 02 設(shè)計(jì)原則


Structure of the course

01.Direct Manipulation and representation

如何減少界面的直接操作“障礙”磷瘤,以下是衡量界面是否好用的一些指標(biāo):

可見度 visibility:perceived affordances or signifiers

可反饋 Feedback

一致性 Consistency :also known as standards

無“毀滅式”操作 Non-destructive operations :hence the importance of undo

可“發(fā)現(xiàn)” Discoverability: All operations can be discovered by systematic exploration of menus

穩(wěn)定性: Operations should work. Period. And events should not happen randomly.

通過界面幫助用戶建立認(rèn)知:

Encourage experimentation (如:俄羅斯方塊的例子岩灭,游戲中玩家有一大段空間和時(shí)間做比照,確認(rèn)后再把方塊放下)

Scaffold learning and reduce errors (如:重新定義抽象的概念,將抽象的數(shù)字游戲變成具象的棋盤游戲)

Show (only) differences that matter (如:倫敦地鐵圖)


去除地圖多余的信息,只保留地鐵線路


去除地理特征

Convert slow calculation into fast perception (如:分層設(shè)色地圖)

Support chunking, especially by experts?

Increase efficiency (圖表)

Facilitate collaboration?

02.Visual Design and Information Design

在英文字體中有x-height的概念,如:

hight x-height在分辨率低的適合更容易閱讀

low x-height給人優(yōu)雅的視覺感受


網(wǎng)格設(shè)計(jì)起源于包豪斯風(fēng)格涩蜘,最早接觸到這個(gè)概念是關(guān)于包豪斯的建筑理念,沒想到跟web設(shè)計(jì)這么有淵源

使用對(duì)話式的導(dǎo)航設(shè)計(jì)熏纯,如使用小子號(hào)副標(biāo)題來告訴用戶這個(gè)導(dǎo)航按鈕會(huì)帶你去哪里


推薦閱讀:

Kevin Mullet and Darrell Sano, Designing Visual Interfaces

Luke Wroblewski, Web Form Design

?Jan Tschichold, The New Typography

User Interface Engineering, Designing for the Scent of Information

Peter Pirolli, Information Foraging Theory

Jakob Nielsen, Alertbox

www.useit.com/alertbox

03.Designing Experiments

卡方檢驗(yàn) 做零假設(shè)同诫,驗(yàn)證相關(guān)性

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市樟澜,隨后出現(xiàn)的幾起案子误窖,更是在濱河造成了極大的恐慌,老刑警劉巖往扔,帶你破解...
    沈念sama閱讀 218,525評(píng)論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異熊户,居然都是意外死亡萍膛,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,203評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門嚷堡,熙熙樓的掌柜王于貴愁眉苦臉地迎上來蝗罗,“玉大人艇棕,你說我怎么就攤上這事〈埽” “怎么了沼琉?”我有些...
    開封第一講書人閱讀 164,862評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長桩匪。 經(jīng)常有香客問我打瘪,道長,這世上最難降的妖魔是什么傻昙? 我笑而不...
    開封第一講書人閱讀 58,728評(píng)論 1 294
  • 正文 為了忘掉前任闺骚,我火速辦了婚禮,結(jié)果婚禮上妆档,老公的妹妹穿的比我還像新娘僻爽。我一直安慰自己,他們只是感情好贾惦,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,743評(píng)論 6 392
  • 文/花漫 我一把揭開白布胸梆。 她就那樣靜靜地躺著,像睡著了一般须板。 火紅的嫁衣襯著肌膚如雪碰镜。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,590評(píng)論 1 305
  • 那天逼纸,我揣著相機(jī)與錄音洋措,去河邊找鬼。 笑死杰刽,一個(gè)胖子當(dāng)著我的面吹牛菠发,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播贺嫂,決...
    沈念sama閱讀 40,330評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼滓鸠,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了第喳?” 一聲冷哼從身側(cè)響起糜俗,我...
    開封第一講書人閱讀 39,244評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎曲饱,沒想到半個(gè)月后悠抹,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,693評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡扩淀,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,885評(píng)論 3 336
  • 正文 我和宋清朗相戀三年楔敌,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片驻谆。...
    茶點(diǎn)故事閱讀 40,001評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡卵凑,死狀恐怖庆聘,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情勺卢,我是刑警寧澤伙判,帶...
    沈念sama閱讀 35,723評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站黑忱,受9級(jí)特大地震影響宴抚,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜杨何,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,343評(píng)論 3 330
  • 文/蒙蒙 一酱塔、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧危虱,春花似錦羊娃、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,919評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至弥雹,卻和暖如春垃帅,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背剪勿。 一陣腳步聲響...
    開封第一講書人閱讀 33,042評(píng)論 1 270
  • 我被黑心中介騙來泰國打工贸诚, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人厕吉。 一個(gè)月前我還...
    沈念sama閱讀 48,191評(píng)論 3 370
  • 正文 我出身青樓酱固,卻偏偏與公主長得像,于是被迫代替她去往敵國和親头朱。 傳聞我的和親對(duì)象是個(gè)殘疾皇子运悲,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,955評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • http://www.reibang.com/p/841edaa3e3db http://blog.csdn.ne...
    Show撐腰閱讀 276評(píng)論 0 0
  • 2018-4-24 晴 星期二 親子日記第213篇 昨晚說好了早上六點(diǎn)起床和兒子女兒一起去晨跑矾瑰,可起床后完疫,打開窗戶...
    敏文媽咪閱讀 308評(píng)論 0 3
  • 你像個(gè)沒天賦的演員 進(jìn)行著拙劣的表演 坐在臺(tái)下看你如此光鮮 而你將一切說圓 我沒有多少留戀 一直視而不見 在臺(tái)上隱...
    初涼裙擺上的嫣然閱讀 172評(píng)論 0 0
  • 眼有迷障捍岳,薄霧冥冥看不穿铃芦;心有疑望,風(fēng)聲鶴唳草木兵奢人。不聽風(fēng)是風(fēng)蓬戚,不見雨說雨饺著,勸做無事閑人亚隙,直守本心磁餐,照諸山河,不染凡塵恃鞋。
    王摩詰閱讀 203評(píng)論 0 0
  • Project.apps 一個(gè)Web項(xiàng)目就相當(dāng)于是一個(gè)Project崖媚,如:我們創(chuàng)建的個(gè)人網(wǎng)站【mysite】。而在...
    羽恒閱讀 5,906評(píng)論 0 7