作者从列车到站播放音乐得到的灵感应用到设计中,所以我们平常就应该多出去溜达溜达,多观察生活,开阔视野,看看身边有什么事物能激发灵感,提升自己的设计。 第二部分:学习 这一部分主要讲如何更清晰明了的与用户沟通,首先通过两个例子讨论如何修改文字来传达更多的含义,第三个例子讨论当文字无法胜任时,如何使用视频来弥补。 1. 网站文字描述 用户通常不会在网站上阅读文字,他们只是扫描,如果是很长的介绍性文字,他们往往会直接忽略,篇幅短的文字才有可能吸引注意。对用户来说,一个简短的句子远比一大段文字要有意义,重要的不是提供的信息量有多大,而是能否给他们提供真正需要的信息。 2. 视频的应用 当用文字无法描述一件事的时候,学会用视频的方式。 第三部分:搜索 这部分主要讲了三部分内容,分别是:搜索本身、搜索结果列表、精炼搜索条件得到最有效的结果。 1. 采用自动完成搜索 好处:自动完成搜索是指系统能够尝试猜测用户输入的文字,并且动态的搜索出适配的结构,然后推荐给用户,辅助他们完成输入。这样做能够避免用户打错字,从而确保搜索更有效率,同时还能避免用户搜索数据库中存在的词汇之外的新命名。
△ 作者举的例子:DTRT 的案例中,这种自动完成搜索的输入框一方面可以防止用户打错字,同时避免了用户添加各种各样的新名字。 局限性:自动完成功能可能会诱导用户放弃自己本来正确的想法,而去选择网站推荐的但其实效率较低的搜索词汇,这样我们可以通过在输入的字符数足以让推荐词有意义之前,不要显示推荐词,将字符限定在3~4个。 2. 高级搜索要简洁 什么是高级搜索:很多网站有一个快捷搜索按钮外,还有一个高级搜索选项以满足用户需求,如下图的谷歌浏览器(现在的谷歌浏览器已做了简化设计,下图是作者编辑书籍时的版本):
△ 很复杂,点击高级搜索后立马跳出很多的选项,且一些选项用户根本不需要,那些需要高级搜索的用户其实只需要很少的选项,用户的行为模式告诉我们,没有必要一次性把所有选项都显示出来,最好能只在有必要的时候才增加选项。 作者用了递进显示的设计方法,能根据实际需要而逐步显示控件。下图是作者的设计方案 :
主要做了这么几点改变: 点击高级搜索,只增加一个搜索条件,如果有需要,点击增加按钮,可以再增加一个搜索条件,这样就避免了突然出现一大堆用户可能用不到的搜索条件。 当使用高级搜索时,简单搜索按钮失效,这样用户就不会被两个搜索按钮所混淆视听了。 第四部分:深入 1. 如何设计视频播放器 让按钮更易于用户操作。
除此之外,作者做的改进还有: 把较长的视频划分成小章节,用户可以自行选择播放自己想要观看的那一部分。比如将一段某人演讲的视频根据不同的主题划分成不同的部分,这样用户就可以很轻松的去选择自己想要看的那一章节,而不是必须把视频全部看完。 添加视频标题,让用户明白自己在看的视频的大致内容。 2. 如何设计表单 采用单列布局,左右两列的布局会降低用户往下浏览的速度。 让「确定、取消」按钮更完美,把确定按钮与页面左对齐,首先左对齐使所有的元素依靠左边顺势而下,从表单顶部到底部形成了一条很好看的直线,这是一种美学上的选择。其次,把确定按钮放在左边的原因还有就是那些使用 tab 键切换输入域率先达到的是左边的按钮,如下图:
按钮上的文字「确定、取消」用更加生动确切的文字替换。如下图: (责任编辑:admin) |