Posts tagged with 交互设计


在 线框图基础 - Part 1 中,我们了解了线框图的定义,种类,以及用户体验设计的5个层次等。在这篇文章中,我们将在开始线框图工作之前,先了解一些重要的原则。 1. F形模式 人们任何阅读网页?不,他们不阅读。 —— Jacob Nielsen 人们 扫视 网页。 F形模式描述了大部分用户在面对块状内容时的视点热区。 重点: 使网页文本易于被用户扫视。 使用粗体的标题和子标题。 当你想分开内容时,使用带圆点项目符号的列表。圆点项目符号易于扫视。 根据等级来决定内容的次序和位置。 2.行为引导(Call to Action)…

这是__线框图基础__系列的第一篇文章,在这一系列文章中,我们将学习线框图基础、设计原则,以及线框图的重要性等等。那么,让我们从理解 '线框图'开始吧。 线框图 线框图是页面的二维草图,它展示了信息等级,功能,以及页面的内容。 相较之于概念笔记(Concept Note),线框图是展示解决方案(想法和概念)的更好方式。 线框图包含的内容 主要元素以及他们的位置(header, footer, 导航, 内容等)、成组的信息(菜单链接,内容)、内容标识(导航链接标识,内容标识)、占位符,内容文本(…

从一个 UI BUG 想起 我们把界面上的各种“超出边界”、“挤在一起”、“互相挡住”等等问题,就叫 UI BUG 吧。前两天就看到了某应用的这样一个 UI BUG, 让我想到了一些东西。 这个用户的昵称,嗯,比较个性化一些 -_-|||,显然不太常见,以至于把他比较高的“顶”数都给挤出了边界。 而我们在或多或少的设计生涯里,或许都遇到过下面这样的尴尬: 设计稿是左边,测试或上线时候一看,成了右边。第一个通知卡片长的吓人,第二个因为姓氏太长被系统折行(浅灰色显示了不折行的效果,右边的…

先定个义,本文的工具型产品指的是给特定工作人员在特定工作环境中使用的产品, 比如某公司的 CRM, 比如某客服中心的客服系统等。 由于工作原因,做了很多这类型产品,就不举例的总结一下之前的经验吧。为什么不举例呢,是因为这是我职业生涯的一大杯具,我有一天回头发现,这些东西基本上全都因为商业原因没法展示给他人,哈哈。作为一个交互设计师,基本上我在过去的这些项目里有两种属性:一,我是设计咨询公司的成员,说白了是乙方公司成员;二,我是公司内部技术部门的成员,说白了是支持业务方工作的。 常有产品经理和我抱怨,说业务方不配合,明明是大家一起指定的业务规则,然而业务方根本不和使用者讲明白,反过来怪我们的产品不好用。也有合作伙伴说,这个东西使用者就是这么用的,我们得这么设计。然后呢?我们的产品总是让自己不满意,让使用者也不满意。 我们为什么要设计这些工具型产品 毕竟在过去的很多年里我们都没有设计他们。那什么什么定律告诉我们复杂性是守恒的,…