随感:交互设计两三事

[版权声明]:版权归作者Alite所有,转载时请以超链接形式标明文章原始出处和作者信息及本声明:http://www.alitedesign.com

唧唧歪歪:概述

最近在D4得到一本(美) Penny Mcintire写的《Visual Design for the Modern Web》.突然觉得可用性交互设计中也应该融合点情感设计元素,其中一个表现方式就是WEB视觉设计.渐渐地我开始重新审视自己所走过的交互设计之路.从方正软件到现在的阿里巴巴中国站,每一次所经历的项目都给予我新的启示.秉承”大胆设想,小心求证”的思想,探索交互设计与其他WEB设计元素之间的关系,让我从中得到了不少乐趣,现与UED设计师们一同分享探讨一番.

Penny Mcintire提出交互设计位于技术,内容,网站架构和视觉设计交集部分,而且技术,内容,网站架构和视觉设计彼此都有交集互相依赖。

图1 Web设计中5个相互依赖的要素

在深入探讨Web设计中相互联系的5个具体要素(技术,内容,网站架构,视觉设计,交互)之前,我们先承认这样一个事实,即这些要素是一流网站所具备的,不可或缺的特征。我们需要处理好这5个要素,从而创建具有以下特点的网站。

 易于维护:网站必须是灵活,可以升级的。这样,在网站整个运行期间,能够以最少的时间和精力,实现不断的更新。
 具有美学吸引力:对于目标受众而言,网站必须是一种具有吸引力的,美妙的感官体验。
 易于使用:也就是说,网站要具备用户友好,高效和快速下载的特点。访问者应当从发现所寻信息的过程中,或完成任务的过程中,获得高度成就感,而不是白白浪费时间。
 技术坚实可靠:网站行为是可预知的,没有失效的链接。

唠叨下:技术层面

书中参考了12个颇受欢迎的网站的解决方式。其中它们都有一些共同几点原则:

 在不同的浏览器,不同的显示器,不同的系统中,色彩和字体显示出不同的效果。
 不能保证页面上的元素都按特定尺寸显示。
 大多数新的品牌计算机没有显示在最佳或最高的设置

因此,你根本不可能准确地预知访问者的系统设置。实际上,所见即所得,应该是所见不一定所得。

唠叨下:内容层面

如果页面的内容不值得展示,那么,展示这些内容的方式,也就无关紧要了。如何赢得更多忠实的访问者?如何增加网站的粘和度?内容为王。也就是说,如果网站没有好的内容就不会有访问者。

唠叨下:网站架构层面

Web站点开发生命周期中:可行性—分析—设计—构建&测试—投入运行—维护,遵循着这瀑布模型。其中在设计之前的阶段网站架构就基本形成,在迭代的可用性测试中不断完善。网站架构,不过是将信息架构应用于网站而已。网站架构的许多任务,与用于图书馆的信息架构,具有相同的任务:分类,归类,组织网站要提供的零碎信息。目的只有一个,使访问者轻松地找到自己需要的信息。

唠叨下:视觉设计层面

美学,为什么那么重要呢?因为事实上我们就是通过封面,判断一本书;通过外观,判断一家餐馆;通过视觉设计判断一家网站。如果访问者正在寻找精美的服饰或儿童玩具,他们或许不会在一家满眼望去都是灰色调,视觉设计不鲜明的网站上花费时间。我们努力提升访问者美妙的体验,并不是放弃可用性的标准,我们一直在谋求利用Web这种媒介的独特性,刺激,吸引,迷惑,愉悦,迷住访问者。出色的视觉设计,能够赋予意义,提供语境,唤起情感。

Web页面怎么吸引访问者?如果表达不清楚,受众就不可能理解你的内容。如果表达没有吸引力,受重就不可能有兴趣尝试。
因此,让我们尽全力平衡形式与功能。创造视觉情感化设计的同时,使用可用性原则平衡弥合差距。如果说,可用性因素使网站具有功能性,视觉设计使网站令人难忘,那么,我们的目标是,二者兼具。

唠叨下:交互设计层面

交互指的是,需要访问者做出某种动作,比如点击按钮,链接,填写一份表单等,作为实现目标的方法,或进入下一个任务的方法。交互设计,超出了视觉设计的范畴,我们希望访问者不在是看客,而是主动的参与者。什么才叫好的交互设计呢?或许,大多数易于使用的产品,都是那些你没有注意过的产品。针对访问者而言,设计就像是透明的,看不见的。他在不知不觉中成功完成操作任务,证明设计的界面是标准的成功界面。界面是如此自然,直观,以至于用户都没觉察到它的存在。就好比好莱坞的科幻大片,让观众看不出用过电脑特技,也不会用特技作为宣传的卖点;相反国内的一些大片,不管拍的怎样,先把电脑特技搬出来做宣传。好的设计是透明的,好的交互设计不证自明。
此刻已经凌晨12点整,就墨迹到这吧,下一期继续唠叨《交互设计之路之******》先保个密。

(本文首发:http://www.alitedesign.com/archives/37)

时间: 2024-10-02 20:25:51

随感:交互设计两三事的相关文章

交互设计专业推荐书籍整理(二)

[版权声明]:版权归作者Alite所有,转载时请以超链接形式标明文章原始出处和作者信息及本声明:http://www.alitedesign.com/ 整理嘀咕 前期介绍了三本书给交互设计爱好者,UED朋友的在上期留言中,希望我尽快推出第2部分的整理,今天我把整理的后续内容一起与大家分享.希望这两篇博文能真正帮助UED从业者和爱好者,找到自己需要的书籍.接着推荐. Designing Interactions 作者: Bill Moggridge出版社: The MIT Press出版年: 20

交互设计中的5项视觉指导原则

  视觉是人的第一感观,它在影响用户行为方面起着决定性作用,视觉信息对产品的交互产生了深远影响. 来自UXPin的Jerry Cao,通过本文向我们解释了如何保持视觉与交互的协调. 我不想贬低文字的重要性,但也不想忽视视觉.两者是同等重要的交互设计元素.文字就是交互,但那些视觉元素(比如图标.菜单.图像等)才是用户实际上操作的东西.虽然有些可用性专家会提及Craigslist甚至Amazon,作为丑陋但可用(而且受欢迎)的网站案例.但毫无疑问,美感总会有所帮助. 情感是用户体验的关键:视觉设计优

交互设计指南系列一:我们眼中的交互设计

交互设计(Interaction Design, 缩写 IxD 或者 IaD),是定义.设计人造系统的行为的设计领域.人造物,即人工制成物品,例如,软件.移动设备.人造环境.服务.可佩带装置以及系统的组织结构.交互设计在于定义人造物的行为方式(the "interaction",即人工制品在特定场景下的反应方式)相关的界面(Wikipedia).通过对界面和行为进行交互设计,从而可以让使用者使用人造物来完成目标,这就是交互设计的目的. 从用户角度来说,交互设计是一种如何让产品易用,有效

交互设计影响因素:用户精力与注意力的应用

以人为本的设计,不能不考虑普通人在一般任务执行中的耐受力问题.因为人的精力有限,再强大的需求,无力去完成也是枉然.精力的有效转化率,是衡量交互设计品质的重点. 1.公式 精力一般由脑力和体力构成.针对互联网产品,脑力居前(非生产类网站的体力消耗很低).而脑力的组成又分为注意力.理解力和记忆力.本文将尝试以注意力为例分析交互设计的特点和注意事项. 注意力本身可以集中.分散和转移.集中一般出于明确的需求.潜在的兴趣;分散则由于信息干扰和不可控的时间;转移一般发生在需求探索阶段. 以网站信息结构内的各

网站交互设计实例:正确的引导赢得用户的忠诚

文章描述:网站交互设计实例:正确的引导赢得用户的忠诚. 网站上,用和主色调对比很强的颜色或质感很强的按钮吸引用户进行操作,从而促成交易,或浏览相关重要信息. 正确的引导,符合了人机工程原理,优化了用户体验,给用户以易用.互动性.从而使网站给用户留下了美好印象,用户倍感温暖,加大了第二次访问的可能性. 那么反之,不正确的引导--误导,会是一种什么情况.笔者上周曾去南京一趟,便在沪宁城际高铁常州站站台遇到了误导. 笔者是高铁5号车厢,可是在其旁边不远却有一个有明显的动车13号车厢,该标志很明显很清晰

交互设计就是要把握以用户为中心的宗旨

文章描述:交互设计规范原则. 古巴比伦王颁布了汉摩拉比法典, 刻在黑色的玄武岩, 距今已经三千七百多年, 你在橱窗前- 熟悉吧?没错,这就是周董的爱在西元前歌词.前不久工作不是很忙,于是乎萌出整理交互设计的规范想法,也就是篆刻公司用户体验设计的汉摩拉比法典.既然要制定规范,首先得树立一个指导思想,也就是法律中的宪法:也像是个自然科学树立一种哲学思想,作为一种世界观和方法论来指导用户体验设计.哲学虽然感觉很虚,但是很重要哦,大师级别的科学家很多也是哲学家. 用户体验设计原则就像宪法,是交互设计最基

网页界面交互设计:系统的用户体验的衡量标准

文章描述:精益用户体验(UX):摆脱只注重结果的工作(留意互动机构的区别之处). By Jeff Gothelf from SmashingMagazine.com翻译&编辑:DamnDigital, (转载请说明翻译来源, 尊重我们的努力) 网页(以及交互设计,界面设计,等)传统上是基于可交付的形式来执行.框架.网站地图.流程图.内容清单.分类系统.原型和规范文档(又称"The Spec"),帮助定义网站在其起步阶段的执行.这些结果构成了一个系统的用户体验的衡量标准. 随着时

一个完整的交互设计流程是怎样的?

  一.定性研究(Qualitative Research):针对可能使用你的产品的人,可以是问卷.访谈-- 二.确定人物角色(Persona):即产品的典型用户,可以有一种或几种.例如可以有一个人物角色叫CEO. 三.写问题脚本(Problem Scenario):罗列人物角色在使用产品时可能遇到的问题,可以整理成一个故事便于别人理解 四.写动作脚本(Action Scenario):像写故事一样,写人物角色在使用你设计好的产品时,发生的细节.注意,这个时候你的交互方案的概念模型已经基本成型了

给非科班生的自学路径图之交互设计篇

  所有群里最常见的新人问题就是--零基础怎么学习交互设计?其实,很多时候零基础不可怕,但最怕的就是零基础带来的那种浮躁,比如往往他们都追求速成.每个职业人都有零基础的时候(废话),而在社会上获得工作机会又要求你有相关经验,于是这就形成了一个新人最恐惧的矛盾--越没经验越没机会,越没机会越没经验. 今天给大家推荐一些我个人认为相对靠谱的零基础学习途径,做完这些,想直接去 BAT 校招应该是可以一战的,或者退一步去一个小型公司进一步积累经验应该也会有很大的希望. 1. Design Guideli