首页

如何改善您的网站可用性测试

蓝蓝设计的小编

在最初的一次网站设计可用性测试实验中,我遇见了一位和蔼可亲的老大妈,她从来没用过鼠标。在测试过程中,她一直用手比划着,一边对着屏幕在空气中比划,一边对着光标说着建议的话。在测试最后,我当然没有得到任何结果,但是她坚持认为我是一个“可爱的男孩”,并且应该认识一下她的孙女。很快地,我学习到了如何设置实验者招募的核心标准。

如果你之前做过一个可用性测试,你就会知道这个不是看起来那么容易的。虽然这不是火箭科学,但其中也包含一些举足轻重的复杂性。在这篇文章里,我会分享一些我学到的关于如何帮助你避免你的可用性测试者在测试时最后进入一个令人泄气的结果的课程。

在我事业开始的第一年里有非常多我本可以学习的可贵的经验,并且我认为在错误中学习是学习的最好方法,我们并不是总有机会去失败。这里有一些蓝蓝设计学习道路上的小技巧,可以帮助你快速提升可用性测试的技巧并且避免一些陷阱。

设计你的可用性测试脚本来回答具体的研究问题

当我们开始一个新的可用性测试时,不要迟疑,你所要做的就是挑选出网站的主要区域,然后让用户完成那些测试。在这个过程中你会发现一些有用的见解,但是也许当你呈现出这些发现时,你因为无法回答网站盈利者提出的问题而被围得团团转,你也别因此而惊讶。

注册表单设计5个小技巧

蓝蓝设计的小编

网上挤满了各种各样的UI设计方案,事实上我们已经有一套套的方案可遵循。但!界面设计永无止境!哪怕是一个注册表单,也值得再细心研究。下面蓝蓝设计给出注册表单设计5个小技巧:

1、别让用户重复填写相同的内容

几乎每个人都经历过这样一个事实:注册时被要求填写邮箱地址两次或重复输入密码。但是这其实是没有必要的。仅填写一次,因为用户一般都记得自己常用的邮箱地址和密码。假设哪天用户忘记密码了可以通过邮箱找回,再多此一举填写两次反而更加容易导致用户流失。

5个注册表单的用户体验设计技巧

一个优秀的交互设计师是怎样练成的?

蓝蓝设计的小编

蓝蓝设计与你分享一位优秀的交互设计师的成长过程与想法。

1. 交互设计师应当具备的能力

如果我们简单的将用户体验领域涉及到的技能分为:用户研究、产品(概念/功能)设计、交互设计、视觉设计、工程技术,我认为任何一个交互设计师和视觉设计师等等,都应该具有整体的复合技能,只是哪部分更多哪部分更少的问题。

1) 用户研究:对于交互设计师,不具备基本的用户研究能力,无法吸收来自用户的「信息营养」,如何做出真正以用户为重心的设计呢?观察法、访谈法、问卷法、可用性测试、行为数据分析等等,这些基本的方法应该要有所掌握。

2) 产品(概念/功能)设计和交互设计:这方面不必多说,交互设计师必须有大局观,能够真正的理解产品的思路和方向,从交互的角度实现产品层面的意图。这也是很多交互设计师转向产品设计师、产品经理的原因,在很多方面有交叉。

如何设计清楚明了的对话框

蓝蓝设计的小编

对话框(Dialog)是个好用又方便的工具,通常用来再三确认使用者的操作动作与决策,以避免一时的手误或误会操作动作的意思,常用于重要动作的确认,例如:「你确定要删除这个联络人吗?」,但若对话框搭配了不适当的回应选项文字,反而可能会造成使用者的困扰与误解,有时还可能做了错误的决定。

对话框界面设计最常见的不当UI设计就是选项上的文字出现:「是(YES)与否(NO)」,回想在学生时期考试的时候,O与X在是非题中是唯二的两个答案,而出题者会透过文字叙述上正反的误导,来测验学生是否真的清楚了解,先不论这样的测验方式到底对学习以及知识的建立到底有没有明显的帮助,使用者可不想在开心的使用你的程式或服务时,还要小心翼翼的了解你对话框的内容。

我们当然可以细心的UI设计对话框中的文字,让使用者清楚明了对话框的讯息,但是在大部分的情况下,我们几乎根本不会逐字去阅读讯息的内容。你必须要假设使用者除了对话框上的按钮外,不会阅读任何其他讯息(对话框的标题或是讯息内容)。 – John Gruber of Daring Fireball

dialog

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

蓝蓝设计的小编

「好的产品关注功能,优秀的产品关注情感」

趣味性、愉悦度,这些都是针对用户情感化设计的领域。

功能、实用性,这些需要很强逻辑性的事物很难和情感产生关联,并不是指这些不重要,它们很重要,它们是基础,但缺少了情感的作用,很难产生一些东西,像:快乐、愉悦、悲伤、美…

花、大海、春天、小屋… 这些都是很普通的名词,但将它们富有诗意的组合在一起:我有一所房子,面朝大海,春暖花开。接受者会投入不同的情绪去理解这样一个组合。

上面这些名词就像我们在界面设计过程当中所遇到的各种元素,按键、菜单、icon、动态效果… 将它以诗意的方式组合在一起,由此用户产生了情绪上的波动。

交互设计的本质是对用户行为的一种界面设计,直达内心的UI设计能够影响用户自身的情感,从而导致用户的行为。常会有设计师说将用户当成是一个易怒、情绪不定、不明理的人,为什么?因为人的本质是非理性的,逻辑是理性层面的考量,而面对情感这个潜藏在理性背后的东西,需要设计师有深厚的功力,这不是单纯技巧上的问题,而是一种时间、感觉、情绪等综合的圆熟。

针对用户情感进行设计时需要考虑产品的用户群,情感设计的应用将会为产品塑造个性,需要明确产品个性是否与目标用户相符。所以题主需要考虑一下,所说的趣味性是否与产品所预期的个性相符,这很重要。

扯回到正题,交互设计中的趣味性如果让我用一句话表达,我会说:「情理之中,意料之外

btw:自己对有趣的定义可能会与大家不太一样。

注册表单的设计技巧

蓝蓝设计的小编

网上挤满了各种各样的UI设计方案,事实上我们已经有一套套的方案可遵循。但!设计永无止境!哪怕是一个注册表单的界面设计,也值得再细心研究。下面蓝蓝设计给出注册表单设计5个小技巧

1、别让用户重复填写相同的内容

几乎每个人都经历过这样一个事实:注册时被要求填写邮箱地址两次或重复输入密码。但是这其实是没有必要的。仅填写一次,因为用户一般都记得自己常用的邮箱地址和密码。假设哪天用户忘记密码了可以通过邮箱找回,再多此一举填写两次反而更加容易导致用户流失。

5个注册表单的用户体验设计技巧

下面是一些非常值得参照的表单设计:

 

优秀手机应用设计需要遵循的8大原则

蓝蓝设计的小编

产品设计的原则有点太泛哈,蓝蓝设计这里想结合自己的工作心得来小结一下手机无线设计8原则:

原则1:用户界面应该是基于用户的心里模型,而不是基于工程实现模型

就是把后台本来很复杂的事情通过设计符合用户日常生活中常用的浏览方式或操作方式。其实这一点是设计师把生活中的细节和数据结合的凝聚点,用户的心理模型抓的越准,界面就会越优秀。

#左边界面#:大众点评新版的价格的搜索就比之前改得更符合用户心里模型;

2014年界面设计的14个趋势

蓝蓝设计的小编

  时光飞逝,转眼到了2014年,那么在2014年界面设计将会有怎样的发展与变革呢?我试图预测一下。交互/界面设计伴随移动互联网一直保持着告诉的发展,每一年,都有新的东西出现,真令人振奋。


1.应用主题化

交互设计师必藏:50个线框图套件和在线设计工具

蓝蓝设计的小编

当开始进行新项目时,一般都会起步于线框图。本文收集了大量的线框图设计工具和套件。
交互设计师必备哦!

推荐阅读:
《推荐!交互细节中的那些变形金刚》 
《iOS用户体验设计:如何构建交互模式》 
《20个专为无线端设计提供灵感的资源站》

在线设计模板

Wirefy

以内容优先为原则的线框图在线设计工具。允许你运用标准元素设计出响应式线框图。

Wirefy in 50 Free Wireframe Kits and Web Apps

Lumzy

网页设计和界面设计的原型设计工具。

Lumzy in 50 Free Wireframe Kits and Web Apps

Mockup Builder

灵感!一组手机LOGO设计

蓝蓝设计的小编

移动至上是当今的大背景。交互设计、网页设计都不得不顾虑手机的”感受”,移动互联网方向的创业如同雨后春笋般出现,而有关移动端的Logo怎么设计?看看这里吧。

0b25d66eac79fc07d35237f7124dd6db0c86ffb36e3ab3883552aafd1d560a5c3a397f080b57438ba24baf09bb743bad3bef7d7db0e89363340ea26c2ae9fa1c3c7484387e44da5507ef8f23ee2d3baa4c8ab2f3c29d4bed9ba84061ce8bfd7e4f718cfb0d08d71b588ebc785281fed906fd13acce072c4b61ba855b64b26b9b39b8a4116f59564213d2dd5590c410b753e2a172a5f95bbe76e7e0373bcf73a566ed4b9796a4f56d00f7e4cf9e3fe6d2643cd7033b6663a1d8b20a7ea5601e70

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档