最专业的八方代购网站源码!

资讯热点
互联网产品互动设计

发布时间:2021-6-16 分类: 行业资讯

每天,人们都会使用电子设备拨打电话,发送消息,玩游戏,发送电子邮件,录制视频以及随时听音乐。互联网使这一切变得如此简单。世界各地的优秀工程师使这成为现实,交互设计使这些东西易于使用,可用和有趣。

什么是交互式设计

交互设计(IXD)是一个设计领域,用于定义和设计人工系统的行为。它定义了两个或多个交互个体之间的通信内容和结构,以便它们可以一起工作以达到某种目的。 (来自百度百科)

对于今天的互联网产品,交互式设计使互联网技术变得有用,可用并且愿意被所有人使用。这就是为什么交互设计在软件和互联网领域迅速发展的原因。交互设计师将工程师生产的原材料塑造成人们喜欢的产品。随着互联网的成熟,创建和推动它的技术日趋成熟,互联网不仅仅是内容,而且还可以用来做事。

通过移动设备上的无线网络访问Internet也改变了我们传统交互的方式。 iPhone的出现在过去创造了互动设计的新时代。

常用交互设计方法

以用户为中心的设计

简而言之,以用户为中心的设计过程是让用户数据贯穿整个项目,用户数据是设计决策的决定性因素。在最好的UCD方法中,在项目的每个阶段都引入了用户。当他们不知道产品应该做什么时,用户的期望和需求将帮助我们确定答案。例如,如果在电子商务代购源码网站的用户研究中,用户说他们想要将购物车的图标放在页面的右上角,那么最终的设计是防止购物的位置购物车,最有可能放在那里。 。

右上角的购物车入口

UCD的目标非常重要。设计人员需要关注用户最终想要完成的工作,然后定义完成目标的任务和方法,并始终牢记用户在整个设计过程中的需求和期望。然而,用户的长期目标难以掌握和定义,或者它们非常模糊,并且几乎不可能设计它们。 UCD最擅长让设计师从他们自己的偏好转向他们的需求和目标。因此,在UCD设计过程中,请记住您不是用户。

502 Bad Gateway

502 Bad Gateway


nginx

系统设计计划系统应包含的所有组件。设计师的任务是设计这些组件。系统设计为设计人员提供了清晰的路线图。如下图所示:

一个简单的例子,图中的系统组件太抽象了。例如,我们熟悉360安全卫士,其目标是:保护计算机安全,这个目标是其系统目标;环境:所有操作系统;传感器:系统安全检测功能,可以检测计算机是否有病毒入侵;干扰:指的是一种变化,这里指的是病毒或木马的入侵;比较器:将当前状态与理想状态进行比较,并纠正(修复)计算机的状态;执行器:在这种情况下是修复漏洞;反馈:这很简单,计算机任何时候监控的评级或系统问题都是反馈;控制设备:移动电话360中的流量监控。

360作为反病毒软件,这些系统组件是必不可少的,设计者必须设计这些组件(和组件布局),以及操作这些组件的任务流程。该系统专为具有特定功能和固定组件的产品而设计。

系统设计的力量在于能够以全景视图研究项目。这是一种逻辑交互设计方法。系统设计使交互设计人员能够考虑产品所处的环境。通过全局使用场景和组件之间的影响,设计人员可以更好地了解产品的大量使用环境。

设计策略

理解设计策略

设计策略的本质是了解您的产品在同类产品中的位置以及与市场上其他类似产品的相似之处。设计策略的开发是在设计过程早期发生的产品和项目计划。作为交互设计师,我们需要在开始设计之前充分理解这些策略。

今天大多数公司的交互设计师设计的项目都依赖于业务战略(负责生产新产品和寻找新市场)。如果我们的设计和想法符合业务战略,我们将获得支持。一个好的设计策略应该将设计实践与整体业务战略联系起来,使我们的设计可用,易于使用和有趣,同时实现业务战略。

产品愿景,客户价值和产品系列是设计策略的关键要素。对我们来说更重要的是沟通和实施战略的能力。

找出问题

我们经常在设计过程中遇到困难,也就是说,我们需要解决的问题往往是混乱和错误定义的。事实告诉我们,除非问题是肯定的和明显的,否则不要被遇到的问题搞糊涂。乍一看简单的问题并不简单—他们往往很复杂。

举一个简单的例子,例如我们在在线表单页面找不到“提交”按钮的用户反馈,简单的解决方案似乎是将按钮移动到更突出的位置或改变颜色,大小和形状的按钮。突出显示按钮。但这也可能表明其他问题,用户可能会觉得表单内容太多,或者用户不知道他们为什么要填写表单,或者用户不知道点击按钮后会发生什么。像这样,一个简单的问题可能表明存在严重问题。

作为设计师,我们不仅需要解决问题,还需要先解决问题。问题的定义是“确定我们将解决的问题并同时构建解决方案环境”,问题是我们需要首先创建它。设计策略需要首先解决问题解决的环境,然后设计问题并影响环境。要确定问题,需要做两件事:拉出透视图以建立问题的边界,然后放大以确定问题的详细信息。也就是说,首先使用发散思维来探索问题的可能性,然后收敛以定义具体的问题点并完善解决方案。

确定价值主张

价值定位是指与其他类似产品(竞争产品)相比,用户可以从购买或使用我们的产品中获得的价值。如果您没有为用户带来价值,只是出于不同的原因设计不同的产品,这不是一个好的设计。

目前的产品,价值定位不仅限于产品的成本和质量,使用产品时的整体体验已成为主要差异,交互设计在产品的整体体验中起着重要作用。比较差异通常由特征点处理,例如我们代购源码网站上缺少邮件功能。功能非常重要,但设计师应该尝试在整个设计过程中找到长期的比较差异,这是一个更难的主张。

寻找差异,我们应该意识到应该检查任何差异的价值主张。否则,为了区别,它是不同的,这不是一个好的设计实践。不会导致用户购买或使用的差异只会导致混淆,或者只会导致无法察觉的差异。例如,每个人都喜欢听音乐,但不是每个产品都必须添加到音乐播放器功能中吗?盲目增加功能而没有准确理解价值定位不会带来价值。

设计研究

大多数研究是定性的,而不是定量的。在正常情况下,交互设计师不需要进行设计研究,设计人员通常会相信他们在创建产品方面的直觉和经验。在我们熟悉的领域或小型项目中,这可能是正确的方法。但是,如果您处于一个陌生的大区域,设计研究可以帮助避免创建错误的设计。

研究方法

观察

观察也是设计研究最简单的方法,能够静静地观察用户,例如去商场观察用户的购物方式。观察者应仔细选择环境并观察不太明显的环境。结合用户的实际使用场景来观察用户并记录用户在特定场景中的操作方式。

面试

访谈是最基本和最常用的用户研究方法。与人交谈并倾听他们的故事是发现人们态度和经历的最佳方式。我们可以指导受访用户讲述故事,让用户在特定时间讲述与产品或服务交互的具体情况的故事,或者我们可以根据某些主题进行访谈。我们还可以让用户绘制产品或服务体验,让用户表达他们的想法。

互联网上有很多关于用户研究的文章。这里只是两个最基本的。有关设计研究,请参阅我之前关于创建角色的文章

概念

了解用户的需求和期望,制定战略,您现在需要做的是设计一些东西,开始思考并产生概念。生成设计概念目前设计团队的方法是集思广益。头脑风暴不是为项目寻找完美的设计,而是创造尽可能多的概念。在这个阶段最重要的是产生数量而不是质量,并从不同的角度产生尽可能多的想法。对于一个新产品,需要几天时间进行头脑风暴以产生数百个想法。

头脑风暴最方便的工具是纸和笔。我们需要快速涂抹一个想法,将它放在一边,并考虑另一个想法。当您进行头脑风暴时,您不必局限于团队中的设计师。您可以邀请相关人员,开发人员,工程师甚至是外人来提出您可能没有想到的想法。只要确保参与者理解头脑风暴的原则:

没有坏主意

保持专注,放下你的想法

不要在一个想法上花太多时间

头脑风暴时不要做其他任务。

当概念形成时,我们需要组织所得到的概念,聚类,名称和顺序,以便为后续讨论提出所有想法。您可以将得到的概念放在一个2 * 2矩阵中,以显示每个想法在连续区间内的位置;或者将它们放在表格中,并按属性标记这些概念的属性。

交互式设计规则

默认使用

事物的出现可以让我们暗示它是如何工作的,以及我们应该如何与之互动。默认用法是提供与对象或函数交互的一些提示的属性。由于其形状,椅子提供椅子可以坐的预设功能;按钮应具有其形状并具有预设功能;手柄提供预设功能,可以根据其形状进行拉动。交互设计可以被视为提供默认用途,以便可以正确地发现和使用产品的特征和功能。

按钮预设功能

反馈

反馈意味着某些事情发生了。无论行为多么轻微,都应确认对使用该产品或服务的人员采取任何行动:就像当光标跟随移动时移动鼠标一样,在拨打电话时按下按钮应该在手机上显示一个号码。

如果没有立即和明显的反馈,用户通常会重复刚刚完成的操作,例如按两次按钮,这可能会导致问题,例如购买物品时的两次或多次汇款。人们需要反馈。

互联网产品的响应性由动作开始和产品反应之间的时间(延迟)决定。延迟可以描述如下:

随着时间的推移,产品或服务的响应时间<=0.1秒,用户认为反馈是及时的,并且可以在不知道中断的情况下继续后期任务。

延迟,产品或服务响应时间介于0.1秒和1秒之间,此时用户将注意到延迟。如果不经常发生这种延迟,则用户将忽略它。相反,用户会觉得产品或服务非常慢。例如,在拨号过程中按数字键后,屏幕上显示1秒钟,所有按钮都会显示1秒后显示,用户会非常沮丧甚至放弃产品。

中断后,1秒后仍然没有响应,用户会觉得他们正在做的工作被中断,他们的注意力将从手头的工作转移到其他产品或服务,例如用户点击和“提交”。几秒钟后,交易仍然没有响应,用户会担心交易并怀疑代购源码网站存在问题。

异常终止,如果延迟超过10秒,用户将感觉手头的工作完全中断。

用户的心理模型

心理模型是指用户对系统或对象如何工作的理解。心理模型通常由用户基于设计者提供的提示信息创建,提示信息以预设使用和反馈的形式给出。设计人员可以使用这些提示来显着控制用户的心理模型,隐藏或揭示产品的内部工作方式。

菲茨定律

Fitz定律为手指和老鼠等设备建立了指向行为模型。目标越大,指向它的速度越快,目标越近,指向它的速度就越快。 Fitz定律针对数字设备的三条指令:

可点击的对象(如按钮)需要合理的大小,例如iOS规范中的44 * 44px规则。

屏幕的边缘和角落适用于菜单栏和按钮等元素。

可以更快地打开用户正在处理的对象旁边显示的控制菜单或工具栏,例如单击鼠标右键以显示其旁边的菜单。

希克定律

希克定律指出,用户做出决定所需的时间取决于替代方案的数量。用户将细分选择。但是,如果你非常遵守这部法律,你将会做出糟糕的设计。想象一下,亚马逊或淘宝网将所有项目放在主页上并且hellip;…因此,相同类别的替代方案的适当分组可以减少用户选择所需的时间。

7加减2规则

我不得不说希克定律似乎违反了7加减2的规则。 7加减法规则指出,在人们记住5到9条信息之后,人类的思想开始出错。一些设计师确保屏幕上任何时候不超过七个项目。这不可避免地极端,因为这条规则强调了人们在短期记忆中可以记住的信息量。当这些信息显示在屏幕上时,人们不必存在于短期记忆中,因为可以随时看到它们。作为7加减2规则的应用示例,在检查电话号码或银行卡号时,对数字进行分组将使人们更容易记住,(155) - (5588) - (7777)。

泰斯勒的复杂性守恒定律

法律描述了每个过程都有其固有的复杂性,并且这种复杂性具有一个关键点,超过该关键点,只有通过将固有的复杂性从一个地方转移到另一个地方,才能再简化过程。例如,要发送短信,两个必要条件是您的手机号码和另一方的手机号码。您的手机号码未输入,手机会随身携带您的信息,另一部手机的手机号码也会使用普通联系人。其他功能得到简化。交互设计者需要了解Tessler复杂性守恒定律。首先,设计师需要承认,无论多么完美,所有流程都有不再简化的元素。其次,设计师需要找到合理的地方来转移我们的产品。复杂性是用户在发送每条消息时不需要输入他们的手机号码。

错误预防原则

设计人员在设置产品约束时使用错误预防原则以防止错误,迫使用户调整其行为并正确执行操作。在交互设计中,当不满足使用条件时,通过使功能无效来表达味道。这是通过使用图标提示或其他方式指示哪些条件可以使功能工作的好方法。

隐喻

隐喻是用户理解所提供的抽象数字的一种方式。最着名的例子是电脑桌面。桌面隐喻可帮助用户统一图形用户界面。 macOS系统中的图标是隐喻的最佳示例。

导出精炼文档

草图

设计师最好的工具是纸和笔,纸上素描灵活且易于使用。

故事板

故事板技术借鉴了电影制作和广告制作。通过结合故事和绘图,设计师可以有效地讲述有关产品和服务的故事,并在上下文中展示其特征。故事板上的图片可以是插图或照片,故事板包含这些图片和附件。通过故事板,设计师可以展示产品使用的关键时刻。

任务流程图

任务流程图所呈现的关系将被构造为线框。将任务安排到流程图中可以帮助我们查看产品的初始原型。任务流程图可以显示产品中页面的顺序和相关操作的流程,显示用户需要执行的操作,以及显示需要包含菜单和信息的位置。

我正在绘制项目“单点登录”逻辑流程图

线框(低保真原型)

线框用于显示产品结构,信息层次结构,控件和内容。线框(低保真原型)通常是交互设计者创建产品的最重要文档。线框是记录产品特性的一种方式,包括适当的技术和业务逻辑。线框是产品的蓝图,团队可以通过它完全理解产品。

线框应勾勒出产品形式。包括:内容,发现和触摸功能的必要控件,以及访问,浏览和操作上述两个元素(内容,控件)的方法。线框还应包含所有细节的注释,描述等。

我在项目中绘制的线框

开发和测试

此时,在出口DRD之后,我们的工作朝着另一个方向发展,跟进视觉,开发和测试,以确保产品根据自己的设计上线。此时,我们的角色成为一个问题,调整设计以适应代码,并与团队成员合作。事实上,为了确保产品达到预期的设计效果,我们应该加入这些过程,因为一旦开发开始,就会出现无法预料的问题,我们应该总是出现在工程师和测试人员一起解决这些问题。 。

写在最后

互联网已经从电脑屏幕后面传到我们周围的各种事物。交互设计不仅在为未来的新事物创建指导方面发挥作用,而且还确保未来的事情能够很好地运作并对用户的享受负责。 。在未来的互联网时代,我们将看到更多惊人的进步。我们也将有一个激动人心的时刻(也许是AI时代)!

作者:转瞬即逝,互联网产品设计师,4年互联网产品经验。

本文最初由@流年发表。未经许可,禁止复制。

该地图来自PEXELS,基于CC0协议

« 代购源码网站优化应对蜘蛛页面爬行异常 | 百度雄掌的源同步是什么?如果提示内容不一致,我该怎么办? »