交互性设计——以使用为中心

设计思路和过程:

现在大家都在说“以用户为中心”。

用户可能会因为“以用户为中心”的设计所给予的关注而比以往的感觉好一些,但把们置于开发过程的中心未必能给他们带来更好的产品。我们要理解的并不是用户,而是使用。

关注用户此刻所要完成的任务,以及我们怎样才能以最佳方式支持其完成。

所以我们要考虑如何来支持用户达成每一个目标,而不会干扰或妨碍他们。同时,再把这些完全不同的部分凝聚成整体。

以下就是具体做了哪些优化:

1、使任务更明确:

  • 登录的主线任务就是登录输入框和提交按钮,加大处理,让其任务更突出,去除图的干扰,使流程清楚,用户可以直线思维操作, 用户名>密码>登录 一气呵成快捷地完成登录。
  • 原有的“忘记密码,忘记账号以及记住我”不属于主线任务,其实放在哪里不重要,重要的是我们需要给表现成“相关任务”,故移至一旁弱化表现。
  • 删除“忘记账号”(忘记密码可以找回,忘记账号并不能解决,现有线上的处理方式是跳转去找回密码页,毫无意义)。

2、使输入更快捷高效,提高易用性

准则一:功效

最大化减少用户输入和操作:

当其点击登录按钮时,判断是否在本地登录,登录过就让其自动登录,没登录过,进来时默认焦点就对准输入用户名上。

自动联想功能:

注册面板中减少一次密码的输入:

常规注册需要填两次密码,有数据表明,只需要做一次输入即可。

根据调研报告,用户时常分不清昵称是否可以用来登录。最好的方式是在注册时连昵称都去掉,而取其@前面的字符或手机号作为暂时的用户昵称,而在后续的环节中再去引导其更换头像和昵称。

准则二:支持

系统应该支持一个熟练用户对系统进行高效率的使用:

新增快捷键的支持:

Tab及上一键支持切换;

Enter及空格键支持提交;

ESC键取消蒙层及面板。

准则三:宽容

人是会出错的。人进行信息处理不可避免会出差错。出差错是正常的,但减少差错不应当从人这一方面进行努力。设计良好的系统应该把出错和出错处理也考虑其中。

容错前后空格:用户在PC输入的过程中,会自然地带入空格键,密码及账号的输入应该能容错前后空格。

不再检验密码强度,简单密码也可以通过。同样根据调研报告,用户不care视频类网站账号密码的安全性。

准则四:环境

系统应当适应其被使用和操作的真实条件和实际环境。衣服摆着好看和穿在身上是否合适是两回事。

3、优化移动设备体验,为以后各终端互通做准备

移动设备崛起,种种数据表明,移动屏正在超越PC屏,但最终结果肯定不会是一屏取代另一屏,而会是一个多屏互通,同时使用这么一个局面。在设计web页面时,都要考虑到响应设计来自适应各终端。

移动端第三方登录建议采用SSO登录:

SSO的优势: 不需要重复输入微博用户名、密码,只需要一步操作,直接点击授权按钮即可完成。增强了操作简便性及帐号安全性。可参看唱吧、360 手机浏览器等一些应用。

网页上同样能够做到登录第三方应用使其自动登录。

至此,交互画图的工作已完成。接下来是视觉同学的跟进,详细过程不再累述。

最后,以一张图小节一下交互的工作:

PS:产品定义功能,解决产品是否有用有价值的问题,交互关注易用好用的问题,视觉关注让人是否想用。重构和开发是解决能不能用的问题,同样也关注好不好用,与交互的区别在于交互从设计上解决,而开发从技术上解决。

时间: 2024-09-22 10:33:32

交互性设计——以使用为中心的相关文章

Swing程序最佳架构设计—以业务对象为中心的MVC模式(转)

  前言: 我打算写一系列关于Swing程序开发的文章.这是由于最近我在做一个Swing产品的开发.长期做JavaEE程序,让我有些麻木了.Swing是设计模式的典范,是一件优雅的艺术品,是一件超越时代的产品! 有机会作Swing软件的开发,让我非常有感觉! 呵呵,希望有机会能够用Java3D编写软件,那种感觉一定更棒! Java和Swing都是杰作.我这个人对别人一向很挑剔的,能够得到我由衷地赞誉,可想而知它们有多优秀了.奇怪的是,它们居然一直都无法占领桌面市场.有人说这是技术的原因.我认为这

web app设计:Web app的交互性设计

文章描述:Google Web App开发指南第二章:交互设计. 首先掌握基础 借用篮球界一个传奇人物的话,在你做任何事之前,你必须"首先掌握基础".(说出这句话的是波士顿凯尔特篮球名宿Larry Bird,他同时也是一个Web App爱好者.)所有伟大的Web Apps都必须有一个清晰的集中点. 相关阅读:Web Apps的绝佳案例:Web Apps的特性 创建清晰的需求描述 伟大的web apps让用户很容易集中注意力.人们在某段时间内只能集中于少数几件事,因此,与那些提供给用户很

网页设计要围绕网站中心内容

  网页设计一定要围绕网站中心内容,至少包括这四个方面: 一.从网站的整个诉求来讲,网页上需要放置哪些信息才能更好的实现网站的诉求?哪些信息是需要保留的?而哪些信息是需要放置在其他页面甚至干脆舍弃掉的? 二.对于已经确定放置于页面的信息,如何更好的撰写文字.挑选图片才能达成功能性和视觉上美观的完美统一? 三.区分信息的重要程度,哪些是重要的,需要着重表现的?而哪些是次要一些的信息? 四.区分出信息的主次后,在布局.色彩.尺寸上,即在视觉上如何更好的突出和表现? 这四个部分的每一部分几乎都有讨论不

如何设计未来的数据中心

据中心运营商在规划设计数据中心之前,可以与数据中心设计的专业人士沟通交流,这些人在部署服务器.管理负载.能源效率有着成熟的经验,但人们更要关注的是建设成本.正因为如此,数据中心在设计时通常考虑满足企业的未来需求,或者可以将更多的业务进行数字化转型. 但是技术人员很少考虑的因素是如何策略性地设计数据中心,以满足在扩展或升级的需求.其实可以采用一种经济有效的方式实施,并将风险和运营影响降到最低.这可能听起来很奇怪,甚至有些人可能认为不必这么做.因为数据中心可能部署很多空置的机架,或者空余30%的占地

模块化设计能给数据中心带来啥

数据中心该如何发展?有不少人提出了模块化的数据中心,认为数据中心特别实用.模块化数据中心是指每个模块具有独立的功能.统一的输入输出接口,不同区域的模块可以互相备份,通过相关模块的排列组合形成一个完整的数据中心.具体有模块化产品,集装箱式数据中心以及仓储式数据中心等几种形式.显然,模块化数据中心的最重要特点就是将功能模块化,数据中心进行部署应用的时候不用关心基础架构的细节,只需要使用模块化的功能模块进行连接和堆砌,就可以完成应用部署,显然这正是现阶段数据中心发展所需要的.若再早几年,根本没有人提到

企业网站建设中的栏目设计之三:产品中心

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 设想你的企业建设起来之后,你最想让浏览者长时间驻足查看的是你网站哪个栏目呢? 估计大家都会异口同声都会说是"产品中心".是的!产品中心栏目应该来说是一个企业网站的重中之重了.如果你是做服务行业的,这个栏目名称就可能叫做服务项目.服务中心之类的名称."突出特点,突出价值,突出服务"正是对这个栏目建设思想的

微软:安卓太复杂 Facebook Home设计方式古老 - 新闻中心

[赛迪网讯]4月9日消息,著名刊物http://www.aliyun.com/zixun/aggregation/34882.html">计算机世界刊登题为<微软:安卓太复杂,Facebook Home设计方式古老>的评论文章,现全文摘要如下: 微软日前发表观点批评Facebook推出的Facebook Home主屏应用太过"老套".此外微软还认为Android系统太过复杂. 微软负责企业级通信业务的副总裁弗兰克-X-萧(Frank X. Shaw)日前在微

浅析数据中心设计的新思维

预计截至2020年,互联设备的数量将达到500亿.而如此众多的设备预计将在2017年产生高达7.7 ZB的互联网数据.随着运营商放弃了客户端-服务器以及局域网架构,并转而青睐侧重在服务器.存储与网络中采用虚拟化的设计,如此大量的数据处理需求将给数据中心生态系统带来巨大挑战.为此,有越来越多的公司开始选择基于移动计算.云服务.大数据和社交网络等领先技术的更加灵活且开放的平台. 使用开放平台的方法意味着须整体看待数据中心开发项目.虽然服务器是核心技术,但需要考虑包括服务器.存储.网络以及软件在内的整

Equinix公司更新其数据中心设计

Equinix公司托管数据中心走廊中的蓝色灯光使其有了一个新的面貌.为了进一步提高能源效率,Equinix公司采用一种新的数据中心设计,并对其冷却系统进行了重新改造. Equinix的数据中心项目采用的新设计包括冷却通道遏制和最新进展的冷却技术,并将在2017年开通运营.该公司预计,这些新的设施将更加高效节能,同时为客户提供一致性的体验. Equinix公司DC11弗吉尼亚州阿什本数据中心闪耀着蓝色灯光 这个新设计通过托管行业的努力,可能更好的管理数据中心电力和水的利用率.而随着经济转变为数字交