2024年宜家改版网站设计点(必备5篇)

宜家改版网站设计点 第1篇

我创建了一个问卷,包含三个问题,然后在线随机发给了40个人。前两个问题分别是:

这两个问题只需要简单的「是/否」来确定,并且这两个问题是我用来确认这些用户是否有过相关经验,如果有,我才会发送第三个问题:

第三个问题包含5个不同的选项,从「非常清晰」到「非常困难」划分了5个等级。事实上,我随机选取的样本当汇总,绝大多数的用户在按照装配说明书的要求装配的时候,遭遇了相当的困难,或者感到了混乱。

宜家改版网站设计点 第2篇

宜家的说明书中的插画,是完全从用户的视觉角度来绘制的,完全3D建模,从头到尾完全按照顺序来制作的。这样避免了用户在装配过程中出错。

工具和组件都逐个列举了出来,每个步骤都独立了出来,清晰的线条勾勒出操作的细节,因为没有多余的文字说明,所以全世界各地的用户应该都能看懂其中的示意。

整个说明书已经做的足够条理清晰,其中的同理心和逻辑性几乎达到了令人难以置信的程度。尽管如此,面对没有文字的纯指示性的说明,依然有用户感到困惑不能理解。

撇开网上的吐槽和玩笑,对于这个状况,我开始提出问题:

对于一个设计得已经比较清晰的系统,依然有人为之感到困惑,那么要怎样设计得更清晰一些呢?

宜家改版网站设计点 第3篇

其实,选择从这个地方入手,有一个非常重要的原因,那就是用户。当我在梳理流程的早期阶段,注意到宜家网站上的一个重要的数据:

网站首页的浏览量高达21亿。而搜索引擎又是用户获取信息的主要入口,因此我相信在宜家的首页上应用这个设计会是比较合理地优化。如果在后期能够搜集数据,并不断迭代这一功能,应该能带来更好的效果。

这个图标的设计,来自于宜家的说明书,说明书中所绘制的「助手」这一角色,而这一设计也算是向传统内容媒介的一个回应和致敬。

宜家改版网站设计点 第4篇

当然,我的这些都还只是视觉稿,并未通过开发落地。

整个设计方案最后的环节,是使用类似动画的教程模式,教授用户如何正确装配家具的功能。

家具到货之后,用户可以在 APP 的搜索栏当中,快速点选条形码扫描按钮,扫描条形码,定位到产品页面,通过切换按钮,触发教程模式。

在可用性测试中发现,通过移动端设备来呈现的动画教程,比起带缩略图的视频要更加方便。最初我还构思过更加复杂的方案,比如通过 APP 将教程投射到电视或者桌面端上来浏览,后来发现这样太复杂了。

参与测试的人员,还提出使用手势交互可以更快切换。你可以戳这里试试桌面端的高保真原型。

在整个项目当中,最重要的经验是「任何设计方案都不可能做到全部的事情,优先级很重要。」当我开始策划解决方案的时候,一瞬间有很多想法,但是真正落地能做的事情始终有限。

这是有必要的吗?必须的还是可能的?这个方案是用来解决问题的,还是单纯的看起来很酷?

尽可能少的修改来解决问题,高效,有效,这可能是更好的。

宜家改版网站设计点 第5篇

播放器的设计成败直接影响到整个解决方案的效果。需要考虑到的因素非常之多:

移动端快速预览的功能;

桌面端和移动端的缩略图,搜索和过滤的早期草图:

用户访谈中所凸显的问题:

我在宜家所作的最后的尝试是一款木质高脚凳。我开始以为这个2英尺高的高脚凳很好处理,谁知道到手之后太过于零碎,说明书也看不太明白。

为什么你觉得说明书的指示不够明确?

我很想跳过开头检查手头全部零件的部分,但是跳过之后就很难按照顺序来操作了,到后面我就忍不住即兴发挥了,最后就没法做出来。

通过这些访谈,简单的讲,我就是让说明书制作成易于消化的短动画,通过特定的播放器循环播放。这样用户会更容易确知怎么操作,以及他们做到了什么程度,以及具体要做什么。

在这个阶段,使用原型来进行可用性测试之后,得到了不少反馈,其中最重要的一个反馈,是前一步和后一步的短视频都使用缩略图的形式展现,而不是不能预览的模式。

检查工具和配件,确保没有缺损,用户可以正确装配。所有的这些都应该包含在视频当中,这些对应的是传统纸质的宜家说明书中的检查的部分。

为什么不做简单的完整视频教程?

当我查看教程的时候,必须全程注意屏幕内容,暂停视频,再返回操作,再看视频,这样太容易分心了,很容易错过一些步骤,如果没有适时的暂停,还得倒回去看……

相反,制作成易于消化的短动画,一个步骤一个步骤地浏览,用户更容易掌控,这是更合理的补救措施。

猜你喜欢

热门内容