首页

从1.2亿次的点击中,苹果学到了这个提高用户体验的方法

周周

编者按:从iOS 9改版到iOS 10之后,锁屏页面的音乐控件变大了,用户体验明显提高。那么最佳的按钮触摸大小应该是多少?经过1.2亿次的实验后,这个结果被微软/苹果等公司采用,强烈推荐学习。

@平行煎餅 :你可能说不出来,但你肯定知道这种感觉——当你触摸手机应用界面而它不能正常工作时候,当你感觉你只有精细的点击,才能出发正确的命令时,那种混合起来的沮丧和失败感。

但是,如果你可以自己创建用户界面,你知道如何合理避免这种情况吗?如果你知道可以通过创建可靠的触摸元素,来帮助您的客户减少错误,使用效率更快,使用感觉更开心吗?

这是可能的。我们来探讨一下为什么。

2017年德国IF设计大奖金奖出炉了,都有哪些精彩的设计?

雪涛

好奇心日报-徐佳辰:虽然奖项名目越来越繁杂,但依然可以从这里看见是什么样的产品在塑造我们现在和未来的日常生活。

于 1953 年由德国汉诺威工业设计论坛设立,每年举办的 IF 设计奖是全球范围内工业设计和产品设计的权威类奖项。

它的初始概念可以追溯回二战后的德国,以陶瓷生产商 Rosenthal 家族的 Philip Rosenthal 为首,一群集合商人、制造商和设计师的行业人士希望通过追寻包豪斯设计风格及一种“优质形态”——结合优美的外形和良好的道德品质的工业产品,为德国树立起新的品牌形象。

现在,随着 IF 的知名度和商业运转规模扩大,其奖项中的作品分类由最初的产品设计、传达设计和包装设计三类,拓展到了包括室内设计、建筑设计、服务设计和概念性设计的七类。

2017 年,IF 大奖共收到了来自全球 59 个国家的 5575 份作品投递。包括的苹果 Macbook Pro、iPhone 7 plus、宝马 5 系列在内的 75 件设计获得了最终的金奖。以下是我们在大奖名单中筛选出的其他有趣作品。

这5个思路,能让你的线上广告更加吸引人

雪涛

现如今的设计师大都是多面手,虽然各有擅长,但是通常会涉足不同的设计领域。网页设计师偶尔也会设计几个宣传用的折页,UI设计师偶尔做几张海报。

虽然绝大多数的设计项目都遵循着相同的设计理论,并且都要做的足够好看,但是不同的设计产品的成败,决定性的因素并不相同。广告设计就是如此。通常广告位所预留的空间就不大,容错率并不高,而借助这小小的一块地方,你只有一次机会去打动你的目标用户。那么你要如何地设计出有用的广告呢?今天的文章,为你分享5个可供你参考的思路。

设计重要,但是出发点和想法更重要,有的时候,好的思路是成功的一半。

成为解决问题的人!总结我在用户测试里吸取的5个教训

周周

雨涵Zoe:我一直喜欢做用户测试,甚至为此写过一篇安利文《为何我如此推崇低保真原型设计》用户测试对设计师的能力提升来说最好的一点是,它能一点一点让设计师学会从用户的视角看设计。是的,用户视角对于设计师来说,是需要学习的。很多人以为自己也是别的产品的用户,所以能够想象得出,但其实并不是那样。

我每做一次用户测试,都感觉给自己上了一堂课,总是有新的发现。例如,设计师经常在一些用户不关心的规则或细节上纠结太久,而对用户真正有价值的东西,却往往在设计中被滞后,直到产品发布都忘记加上……

结合我虽然也没有太丰富,但每次都认真记录的经验,我在这里总结一下自己至今为止从用户测试里吸取到的教训:

1. 尽量用约定俗成的控件样式和交互形式

即便你能够设计出更好的方案,如果用户不能一眼领悟使用方法,产品就会面临流失用户的风险。像iPhone这种产品之所以经常能够推出独创的操作形式,其实是大量的忠诚用户所带来的特权。用户数量和市占比决定着该产品的设计是成为潮流的引领者,还是追随者。

从1.2亿次的点击中,苹果学到了这个提高用户体验的方法

雪涛

编者按:从iOS 9改版到iOS 10之后,锁屏页面的音乐控件变大了,用户体验明显提高。那么最佳的按钮触摸大小应该是多少?经过1.2亿次的实验后,这个结果被微软/苹果等公司采用,强烈推荐学习。

@平行煎餅 :你可能说不出来,但你肯定知道这种感觉——当你触摸手机应用界面而它不能正常工作时候,当你感觉你只有精细的点击,才能出发正确的命令时,那种混合起来的沮丧和失败感。

但是,如果你可以自己创建用户界面,你知道如何合理避免这种情况吗?如果你知道可以通过创建可靠的触摸元素,来帮助您的客户减少错误,使用效率更快,使用感觉更开心吗?

这是可能的。我们来探讨一下为什么。

PM要多加底部导航时,设计师如何说服他打消念头?

雪涛

记得之前写过关于标签导航如何设计的一篇文章,大体上的介绍了几种类型,这周正好遇到一个关于标签导航的问题:产品经理要求在底部的导航中由原来的五个主功能增加至六个,交互设计师如何说服产品打消这个念头?本周就这个问题我详细说下当中的几个要点以及延伸出来的几个问题。

这些至关重要的细节,同你的产品体验息息相关

周周

成功的产品通常是构建在一系列优秀的设计之上的,它除了拥有优秀的框架、系统的逻辑和恰如其分的运营之外,它还需要符合用户体验规则的细节,和几经验证的最佳实践来作为支撑。

今天的文章,我们来聊聊细节,从视觉反馈、文案和留白三个角度,聊聊这些同样能够影响整体体验还很容易被忽略的元素。

视觉反馈

在许多设计方案中,视觉反馈是很容易被忽略的组成部分,然而它是整个UX设计中,对体验影响非常大的元素。没有正确的反馈,就没有正确的互动。想象一下,当你和人沟通的时候,对方根本不会给你任何语言、表情和动作的反馈,这是何等的尴尬。UI界面同样是如此。

用户会对缺少视觉反馈的UI界面感到迷惑。

你需要给用户一个反馈信号,让他们知道他们的操作是成功了还失败,接下来要向上翻页还是向下滚动,等等等等。

视觉反馈的主要目的在于:

·确认APP或者网页已经接收到了用户的操作或者提交的信息
·传达交互的结果,结果可见也可理解。给用户一个信息反馈,告诉他们任务执行成功或者失败

让按钮和控件易于被感知

在现实生活中,按钮和各种开关都被设计成易于互动、易于感知的样子,这样的设计让人们更容易控制,也能让事情向着预期的方向发展。而当用户面对UI界面的时候,他们也有同样的需求,他们希望按钮和控件能够像这些日常的设计一样,易于被感知,操控。

从零开始设计一款APP之如何做原型图

周周

@Sophia的玲珑阁 这个系列的文章把整个设计过程的经验总结成文,逐点分享,上期是概述+立项,这期聊聊低保真和高保真原型图的作用、处理工具和文件要求等。

Low-fi,即低保真原型图,整个APP设计阶段,设计师真正开始上手的环节。待PM制作好PRD文档和逻辑流程图之后,交互设计师开始依据已有的结论,画出Low-fi。

Low-fi的作用

1. 方便团队进行方案的讨论和统一。

就像使用场景Scenario和用户画像Personas,团队每个成员脑海中所理解的都会有所不同,但通过PRD,咱们可以进行至少是大体上的统一。而在这基础上,APP的具体画面和流程,每个人都有自己想象的视觉效果。Low-fi就在此时起了相同的作用。

当然统一的进一步促进效果是,进行后面核心功能的深入探讨,将概念落实到实施方案,并验证逻辑上是否能跑通,以及主页面元素的确定。

2. 方便开发人员进行整体架构的布置,开始着手一些基础元素的部署。

3. 做出demo进行内部尝试、小范围的用户调查,一般会有一些更改,不会影响项目主方向,大多是功能上的调整

幻彩波尔卡圆点

用心设计

淘宝发布了新版本的App后,从图标到按钮全部换成了渐变色的形式,让我们在千篇一律的扁平化纯色填充中眼前一亮。我觉得这是一个风向标,会有越来越多的App注入更多的色彩,所以我判断下一季是渐变幻彩的风格。那么我就来写点关于渐变的教程。



日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档