#交互设计# 02 设计原则


Structure of the course

01.Direct Manipulation and representation

如何减少界面的直接操作“障碍”,以下是衡量界面是否好用的一些指标:

可见度 visibility:perceived affordances or signifiers

可反馈 Feedback

一致性 Consistency :also known as standards

无“毁灭式”操作 Non-destructive operations :hence the importance of undo

可“发现” Discoverability: All operations can be discovered by systematic exploration of menus

稳定性: Operations should work. Period. And events should not happen randomly.

通过界面帮助用户建立认知:

Encourage experimentation (如:俄罗斯方块的例子,游戏中玩家有一大段空间和时间做比照,确认后再把方块放下)

Scaffold learning and reduce errors (如:重新定义抽象的概念,将抽象的数字游戏变成具象的棋盘游戏)

Show (only) differences that matter (如:伦敦地铁图)


去除地图多余的信息,只保留地铁线路


去除地理特征

Convert slow calculation into fast perception (如:分层设色地图)

Support chunking, especially by experts 

Increase efficiency (图表)

Facilitate collaboration 

02.Visual Design and Information Design

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

hight x-height在分辨率低的适合更容易阅读

low x-height给人优雅的视觉感受


网格设计起源于包豪斯风格,最早接触到这个概念是关于包豪斯的建筑理念,没想到跟web设计这么有渊源

使用对话式的导航设计,如使用小子号副标题来告诉用户这个导航按钮会带你去哪里


推荐阅读:

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

卡方检验 做零假设,验证相关性

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • http://www.jianshu.com/p/841edaa3e3db http://blog.csdn.ne...
    Show撑腰阅读 281评论 0 0
  • 2018-4-24 晴 星期二 亲子日记第213篇 昨晚说好了早上六点起床和儿子女儿一起去晨跑,可起床后,打开窗户...
    敏文妈咪阅读 316评论 0 3
  • 你像个没天赋的演员 进行着拙劣的表演 坐在台下看你如此光鲜 而你将一切说圆 我没有多少留恋 一直视而不见 在台上隐...
    初凉裙摆上的嫣然阅读 181评论 0 0
  • 眼有迷障,薄雾冥冥看不穿;心有疑望,风声鹤唳草木兵。不听风是风,不见雨说雨,劝做无事闲人,直守本心,照诸山河,不染凡尘。
    王摩诘阅读 221评论 0 0
  • Project.apps 一个Web项目就相当于是一个Project,如:我们创建的个人网站【mysite】。而在...
    羽恒阅读 5,936评论 0 7