交互设计中常常忽视的两个重要状态(一)

  一般交互设计初,最容易忽略掉一些特殊状态的设计。往往在测试后,会出现一大堆的问题,不但延误工期,上线时还会影响体验。

  getting real提出对于每个界面,都要考虑可能出现的三种情况——常规、初始、错误三种状态的设计。

  常规:即一切运行正常时候的界面,用户看到有内容的界面。这个人人皆知,也是花去最多时间的地方。

  初始:用户第一次使用,在没有内容前的界面。

  错误:有错误发生时,用户看到的界面。

  常规界面自不必说。初始和错误状态却是常常被忽视的两个状态。

  产品在初始状态下是没有内容的。当新人注册都会先从初始阶段开始。多数设计和开发童鞋来不及思考初始状态就被常规状态满满测试数据占据了。但就是这个内容和信息量最少的阶段,很多用户会在初始界面时决定产品是否值得一用。忽视初始界面绝对是个大错误。要知道,初始界面是产品给人留下的第一印象,永远不会有第二次这样的机会……

  乔布斯一定是深深理解到第一印象的重要性……无论是打开IPHONE盒子时的悸动还是OS x操作系统的安装和初次运行的体验,也许乔布斯在考虑初次运行时会想,它可能是一个用户使用产品最重要的一次,因为人们对它寄予了期望并形成产品初步的印象。——John Gruber

  一个有用的初始界面应该包含什么:

  作为添加新手指南和热门推荐的机会。

  讲解如何上手,页面最终呈现样式等


网页设计/交互设计
  新浪股票对第一次进来的新手进行功能教程。让用户熟悉界面操作,了解产品功能。

  如果没有搜索到符合的人,除了重新查找也可在此时推荐用户做其他操作,比如“邀请好友”。


  让第一次的访客了解一些关键问题:这是什么页面?可以做什么?

  做好预期准备,帮助减少挫折感和恐惧感。

  给出引导,让用户更加期待。

  其中空白模式就是一个典型案例。空白状态(Blank State)指在任何数据输入或进入系统前,应用的自然状态。Getting real 一书曾说空白状态的屏幕使得用户更期待。通过给用户一种预览来降低担心、沮丧和犹豫。空白状态屏幕包括:视频,快速教程,帮助提示,安装后的截图。


  Wufoo是一个在线表单设计网站,初始后会引导用户建立表单。一段引导力十足的文案,让用户开始创建之旅。

时间: 2024-12-28 00:48:50

交互设计中常常忽视的两个重要状态(一)的相关文章

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

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

交互设计中的设计方案记分对比法

  今天@言覃某人 给同学们介绍一个特别高效实用的方法,当遇到场景较多或团队有争议的设计点都可以用这个方法,帮交互设计师们理清思路,达成共识并做出最可能正确的设计决定. 交互设计中,为什么需要这种方法? 在交互设计工作中经常会遇到这样的问题,某些位置的设计牵扯到比较复杂的场景,要考虑的因素比较多,这些设计点往往是最容易引起争议的,因为团队成员不一定都能快速了解全部的场景和因素,于是只能根据自己能够想到的个别场景与因素来对设计作出判断,最终团队之间形成意见分歧,每个人都不能宏观地掌握所有的场景和因

交互设计中如何增加趣味性、提升愉悦度?

  「好的产品关注功能,优秀的产品关注情感」 趣味性.愉悦度,这些都是针对用户情感化设计的领域. 功能.实用性,这些需要很强逻辑性的事物很难和情感产生关联,并不是指这些不重要,它们很重要,它们是基础,但缺少了情感的作用,很难产生一些东西,像:快乐.愉悦.悲伤.美- 花.大海.春天.小屋- 这些都是很普通的名词,但将它们富有诗意的组合在一起:我有一所房子,面朝大海,春暖花开.接受者会投入不同的情绪去理解这样一个组合. 上面这些名词就像我们在设计过程当中所遇到的各种元素,按键.菜单.icon.动态效

手机网站交互设计中的信息设计

在手机上浏览信息,存在着太多的局限,手机屏幕小注定了一页不能显示太多的信息,环境光线的变化注定页面设计不能过于花哨,流量限制注定不能有太多的图片和样式. 如果让你的用户直接在手机上浏览为web所设计的网页,即使是经过一些手机浏览器的优化,体验还是会很糟糕,甚至有时候会让人难以忍受. 如何调整信息展现方式,使内容能在小屏幕的手机上也更友好的展现呢?接下来我将通过一些原理和实例来阐述自己的观点. 首先,老祖宗Ben Shneiderman的交互设计8项黄金法则我们要铭记于心,因为这些法则也是适用于移

“灰色”在Web交互设计中的8类应用

在进行Web的交互设计中,颜色信息的传达也是不可或缺的一部分.我们常会发现许多"灰色"的应用,他们的出现总是不动声色而又恰如其分,维持了整个页面的平衡与统一.本文将从一些实际案例出发,阐述"灰色"在Web交互设计中的8类应用. 首先让Mr.Gray 来做个简单的自我介绍吧: 狭义的 Mr.Gray 狭义的Mr.Gray, 是指没有色相与纯度,只有明度,将黑色和白色混和而成的一种中间色. 依据不同分类方法可大体分为浅灰与深灰两种,亦可分为暖灰与冷灰. 相对来说,其特征

Web交互设计中“灰色调”的8类应用

在进行Web的交互设计中,颜色信息的传达也是不可或缺的一部分.我们常会发现许多"灰色"的应用,他们的出现总是不动声色而又恰如其分,维持了整个页面的平衡与统一.本文将从一些实际案例出发,阐述"灰色"在Web交互设计中的8类应用. 首先让Mr.Gray 来做个简单的自我介绍吧: 狭义的 Mr.Gray 狭义的Mr.Gray, 是指没有色相与纯度,只有明度,将黑色和白色混和而成的一种中间色. 依据不同分类方法可大体分为浅灰与深灰两种,亦可分为暖灰与冷灰. 相对来说,其特征

交互设计中如何简化复杂操作?

  作为交互设计师的你,可能会听产品经理说过:"我们的产品支付成功率很低,很多用户下了单,但没有完成付款,好郁闷."或是"听到用户反馈说很难用,操作很复杂,我该怎么办?" 今天就来介绍几个简化复杂操作的好方法 >>> 下面你要做的,就是要简化复杂的操作流程. 1.减少冗余步骤和干扰项 人们在处理信息.学习规程和记忆细节方面的能力是有限的,选项越多,步骤越长,用户需要耗费的注意力和理解力就越多.一个人面临的选择越多,所需要做出决策的时间就越长.复杂的

交互设计中的默认值

寒冷的冬日到陌生环境中往往会碰到水温调节,剧情一般是这样的:你调节到一个自认为合适的刻度,放了一段时间水后发现还是冷的,于是慢慢放大热水,几次调解后索性将热水开到最大,结果太烫,放大冷水,太冷,放小冷水,太烫,放小热水--最后合适了,咱们即使没有感冒也开始记恨这个淋浴器.比较合理的是一种叫 "恒温龙头"的产品,它给定一个用户不需要预设的默认水温:打开就是38度,这个值是我们洗澡的舒适点,不过你要是觉得冷了,顺时针变热,反之逆时针变冷,变热有阀值温度40度,这个温度以上会烫伤皮肤,实在想

数据研究在交互设计中的应用

交互设计师一大宝贵财富就是他的经验和直觉,在大多数需要对当前设计作出迅速判断的情况中,交互设计师所依赖的就是他的经验和直觉.在互联网的世界中,最有价值的可能就是数据了.google靠数据一举奠定江湖地位:twitter靠数据开始逐渐走向成熟:每一个交互设计师也能用数据来弥补依靠经验和直觉来设计的不足.本篇网志从一个很小的设计案例来描述除了经验和直觉之外,http://www.aliyun.com/zixun/aggregation/13083.html">数据研究也可以验证.修正.甚至颠覆