1. 主页 > 设计资讯 > 行业动态

交互设计:如何深思熟虑?

前两篇文章讨论了个人对交互设计价值的理解及其对实践者和用户的价值。在本文中,我们将讨论如何实现前面提到的四个价值,从“体贴”开始。就为了一家人。欢迎大家互通消息,发表看法。

01如何体贴?

以严谨的态度,先捋概念。

俗话说金杯银杯不如人缘好。

同理,周不周到,用户说了算。用户如何判断?通常基于主观感受。

以上一篇网易文章的编辑页面为例,由于“保存”和“保存草稿”功能不够好,给作者留下了一个欠考虑的印象。

翻译过来就是一些体验细节影响了用户的印象。

《设计师理解心理学》一书中有一个原则,就是“整体认知主要靠周边视觉而不是中心视觉”。

是关于用户在视觉和UI层面的认知。也就是说,用户会关注不显眼角落的设计,这些角落的设计会影响用户对整体设计的认知和印象。

举个例子。如果微博信息流页面上的扫尾图标在风格和大小上与其他图标有所不同,会给用户留下不好的印象,用户可能会认为微博的设计不够专业。

这些都是UI设计层面的。在交互设计层面,也是如此:体验细节会影响用户的认知。

总的来说,至少在常见的交互细节上,不要给用户留下负面印象,不要让用户产生负面情绪,避免一切轻率。

交互设计:如何深思熟虑?(图1)

如何体贴?

个人认为,重点是满足小需求。

交互设计:如何深思熟虑?(图2)

什么是小需求?

个人认为,一般来说,小需求是一种共同需求,主要是一些体验细节。比如信息的分类和显示,链接不同页面的各种弹出窗口和提示,各种状态的提示,各种情况的就地说明等。

有小需求,就有大需求。

所谓大需求更多的是个人需求,不同的产品会有不同的大需求。比如短视频产品,它的大需求会包括视频拍摄、上传、播放;对于信息产品来说,它的大需求包括文章的撰写、编辑、发布和查看。

交互设计:如何深思熟虑?(图3)

工作经验,见过一些交互设计不好的产品。他们的共同特点是大需求基本得到很好的满足,小需求没有得到很好的满足。

这一大部分集中在如何更好地满足小需求。主要建议如下。

交互设计:如何深思熟虑?(图4)

如果一个工人想做好工作,他必须首先磨利他的工具

我有一个客户是从事教育行业的,之前没有接触过互联网行业的产品和设计工作。

客户找到作者后,想设计一个小程序界面。当时客户很自豪的对作者说,这个(原型)是我用墨刀画的,现在正在学着做。

说到墨刀,我也用过。比起Axure,真的好用多了。从简单性和智能性来说,感觉和Sketch差不多。

网上关于如何使用墨刀的赞已经太多了。作者将根据自己的经验进行简要总结:

好用,上手快。零基础,只要会操作常用办公软件,简单学一下就能上手内置主流控件(iOS,安卓,WeUI等),非常方便能在手机端预览。加入链接和动效后,会很酷能查看页面之间的跳转逻辑。借助工作流功能,可实现这一点

这些主要是墨刀本身的优势。结合本段主题,我们来讨论一下墨刀作为利器在日常工作中的优势。

1.1可以在创作上花更多的精力

当我们不能使用工具时,我们通常会感到沮丧。如果非要用,那你大概会有点焦虑。

而墨刀,基本上不会让我们感受到这些感受。

我们不必花费不必要的时间去学习一些难度大、技术先进的东西,但是我们可以花更多的时间在“创造”上。

1.2能更好的满足小需求

有些公司可能会面临以下情况。

公司没有专门的交互设计师,产品原型由产品经理绘制。产品经理本人也担任项目经理。

如果项目赶时间,客观上产品经理没有太多时间去关注交互的体验细节。

主观上,如果产品经理对这些交互细节不够重视,产品经理以上的决策层也不重视这些体验细节,最终的结果就是很多体验细节可能会在产品原型上丢失。

作者也有类似的经历。

一个App,产品经理用Axure画的原型。评审或宣传需求时,大家都是看着电脑或会议室大屏幕上的原型,同时大家先关注大需求。

了解了大需求后,部分同学会对大需求提出自己的看法或建议。最后,部分同学会指出自己的不足,针对小需求提出建议。

由于责任、时间等各种因素,不可能每个人都针对小需求提出太多建议。因此,仍然会有相当多的小需求没有得到满足或没有得到很好的满足。

墨刀有两个功能,可以更好的避免这些问题。一个是工作流功能,一个是手机上的预览功能。

工作流功能,类似于流程图,以逻辑方式链接所有页面。客观上它会提示我们画出所有有小要求的页面,包括弹出窗口和状态提示。

支持多人手机的预览功能,让我们点击手机就可以模拟体验这个App。在这样的环境下,我们会更容易理解大需求,发现小需求的问题。

所以我个人的建议是用墨刀画原型,同时以多人手机上的工作流程和预览(对于App和applet)作为硬性标准。

2使用和感受

一个产品在体验或者使用的时候很容易发现问题。

因为这个时候我们可以放松一下,把自己切换到普通用户。忘记所有的要求和设计原则,只靠经验和直觉来使用这个产品。我们的主观感受会告诉我们,这个产品的交互是不周到的。

根据陆书申的文章《微信团队的实验室文化》,张小龙点评微信的功能,不是看原型图、设计稿、或者Demo,而是体验前后码开发的产品。这意味着如果一个函数在给用户之前有n个方案,那么就会有对应于这n个方案的前后码。

在一定程度上,微信团队在正式发布前通过试错为用户提供了出色的互动体验。

估计大部分团队和公司都开发不出N个版本和经验,无法一一对比这N个版本。

不能体验已经开发出来的n个版本。然而,我们仍然可以通过在真实设备上体验n个原型来实现。

虽然原型没有开发出来的产品流畅流畅,但是如果用墨刀在手机上体验一个有链接和动态效果的App原型,可以发现很多问题。

然而,基于经验和观察,作者发现我们人类不喜欢体验原型。

想想看,在我们正常的工作中,可能会享受到体验开发出来的beta产品的乐趣。但是对于原型来说,很多时候都是匆匆的逝去。

我个人有一个猜想,就像人类喜欢逗猫遛狗,却不喜欢逗桌上的模型猫和模型狗一样,我们人类也不愿意花太多的时间和精力去和原型这个“山寨产品”互动。

所以某种程度上,体验原型是一种反人类的行为。

但这是一种非常经济高效的方法。

因为首先,很多时候,我们首先选择一个原型方案,然后进行设计开发;其次,当开发准备进入测试过程时,原型往往成为测试标准,通过测试来优化原型是不现实的。

所以考虑到目前的情况,小需求能否很好的满足,很大程度上取决于原型。

换句话说,就是要优化原型。具体方法是在真实设备上体验原型、重复体验、多人体验,并进行相应的优化。

3参考设计规范

前面说过,用锋利的工具创造原型,在原型中反复体验产品,强调的是内在的力量,也就是自己的努力。

接下来说一下外力,也就是外界的海量知识和经验。

说到外部知识,除了直接参考其他产品的设计外,iOS人机界面指南、材料设计等设计规范大概是大家最常参考的。

根据作者的实践经验,苹果和谷歌的这两个设计规范经常被用作词典。也就是当你不确定或者不确定的时候,去看看。

虽然这两个规范都很优秀,但是我们很难做到物尽其用,因为他们的知识体系太大,有点像字典。很难用字典里的每一条原则来测试我们的交互设计。

但是有一个设计规范非常适合测试我们的交互设计,那就是尼尔森的十大可用性原则。

我就不细说了。这里我们简单回顾一下这十条原则。

1)状态可见

用户总是知道发生了什么

2)合适的环境

创建用户熟悉的环境,如语言、文字、图标等。

3)用户可控

控制权交给用户,大多数情况下,考虑支持撤销重做

4)一致性

文案、视觉、操作等各方面的统一。

5)错误预防

尽力帮助用户,避免用户犯错

6)容易获得:识别比记忆好

通过可视化组件、按钮和其他元素,减少了用户的内存负担

7)灵活高效

优先考虑最大数量的中级用户,同时考虑高级用户和初级用户

8)易扫:美观简单

阅读体验更好,扫描体验更好;保持简单美观

9)容错

帮助用户识别、诊断错误并从中恢复

10)人性化帮助

日常使用最好与帮助文档分开,但有必要提供帮助文档

交互设计:如何深思熟虑?(图5)

我个人建议,应该一直以尼尔森的十大可用性原则为准绳来检验我们的交互设计。

标签

交互设计,当涉及到涉及体验细节的小需求时,避免一切考虑不周,然后就是深思熟虑。

用锋利的工具创建原型,包括流程图;多经验原型或产品应以经验结果为准,而不是讨论结果;参考优秀的设计规范,用尼尔森的十大可用性原则来测试原型。

以上三点可以帮助我们实现深思熟虑的交互设计。

其中,个人认为,核心是第二点:多体验原型或者产品,直到觉得有思想为止。

因为,就像电影《霸王别姬》里的一句台词说的:人要成全自己。

本文由设计学习网整理发布,不代表设计学习网立场,转载联系作者并注明出处:https://ffjianzhan.cn/xingyezixun/jhsj/723.html

联系我们

在线咨询:点击这里给我发消息

微信号:

工作日:9:30-18:30,节假日休息