Vinci Agency专门针对Netology博客的Alexey Skorik向初创公司和技术公司高管询问了他们的团队如何创建用户界面。 我们从这次谈话中学到了什么:
- 最主要的是产品,而不是设计;
- 与用户的交流和用户分析使界面尽可能地易于使用(但这并不准确);
- 评估用户动作的最有效方法之一是测试任务。
- 不要将UI与UX隔离开来-第一个始终在保护第二个;
- 界面上的主观品味是好的,但是数据驱动的方法还是更好。
- 测试产品最简单,最便宜的方法是“走廊测试”,无论如何,这比根本没有任何用户测试要好得多;
- 大多数情况下,某些现成功能的新迭代旨在简化它,而不是提高功能:都是因为最终用户实际上并不希望深入研究界面;
- 即使您向客户显示A / B测试的结果,他可能仍然有非建设性的意见-这有助于平息系统的工作并就重要问题进行持续的对话;
- 用户界面应帮助用户解决界面中的任务,并在此上下文之外进行考虑,存在将含义从利益转移到装饰的风险。
- 总是问自己:我们为什么要这样做? 这样可以解决我们的问题吗? 它会带来什么好处?
“为使UI尽可能方便,我们使用了自己的分析工具并与用户直接通信”

我们拥有一个由开发设计师组成的集成团队,用于我们从事的所有项目:从投资基金的母公司到产生现金流的关键项目。 这使您可以有效地利用资源,始终为开发人员提供有趣的新任务,并通过应用来自不同行业的方法来提高设计师的技能。 最重要的是,我们的方法使我们能够吸引业内最有才华的人,他们同时具有经验,而不受创意实施的限制。 Sberbank CIB和许多欧洲银行的设计师在这里做得很好。
由于活动的主要领域与投资和公司市场有关,因此我们创建在业务环境中最需要的界面和样式,因此表情符号和自拍照表情符号与我们无关。
我们使用哪种算法批准布局?
- 问题陈述。
- 参考文献的研究。
- 分析参考文献,以找出需要改进的地方。
- 设计师开发几种主要的布局。
- 从显示的布局中选择一个方向或开发一个新的布局。
- 完善所选布局的关键思想。
- 提交布局。
在开发布局和集成之后,我们将在居住环境中完成它的定型。 由于我们拥有正确的分阶段开发策略,因此从根本上无需进行任何更改。
为了使UI尽可能方便,我们使用了自己的分析工具并与用户直接通信。
我们还依靠在该行业工作了几年的经验丰富的专业人员,并且肯定知道哪些对用户有用。
最后,我想说的是,很多年前我学到了一条规则:“如果不需要产品,那么无论您如何包装,都将毫无意义”。 最主要的是产品,而不是设计。
Sergey Podshivalin,CPO Movista :
“不可能立即制造出完美的产品,因此不要害怕与用户一起开发服务”

对于旅行计划服务Movista,我们首先检查了市场中潜在的竞争对手:国内和国外的直接和间接。
然后,他们在服务中编译了用户行为地图的第一个版本,并组装了在Figma中可视化的第一个原型。 碰巧要评估服务的功能,测试假设并为焦点小组的实验做准备,以便与设计机构一起实施具有自觉结果的概念。
在输入时,产品概念是由我们的战略营销形成的,其基础上的主要竞争优势是能够构建复杂的多式联运路线。 我们需要将几种现有的行为模式结合起来,以便在一个界面中购买铁路,飞机票和公交车票,并将所有类型的运输的搜索和销售整合到一个篮子中。
在选择和批准布局时,我们从两个方面进行指导:评估实现所有必要功能的技术能力,以及随后的焦点小组,以确定布局的优缺点。
评估服务中用户行为的最有效方法是测试任务。
为此,我们要求用户购买一条特定的路线,并查看其执行的精确程度。 我们标记他花费大量时间或开始提问的步骤,作为分析和完善的时刻,而他快速执行的动作被认为是方便且易于理解的。 在引入更改之后,我们对不同的用户组进行了这样的迭代,这使我们能够使服务更加通用和易于理解。
我们设法摆脱了刻板的服务寻找路线和购买机票的想法,用户需要在其中填写两个相应的窗口“ where”和“ where”。 在焦点小组中,用户对简短简短的文本消息“我想要得到...”进行评分,并将其作为与其他运输服务的显着特征加以区分。
售票市场上有多种类型的行为:机票经常来回购买,用户想一次看到整个路线,而在铁路部门,通常先以一种方式购买机票,然后再以另一种方式购买,我们没有立即识别出这些。行为特征,并首先从那里开始,然后返回,实现了路线的普遍发布。 现在,我们计划利用这一优势,因为当用户习惯于购买一种运输方式的车票时,购买另一种运输方式的车票同样容易。
最主要的是不要害怕尝试,从一开始就在不同的用户组上测试产品并改善UI。
立即制造出完美的产品是不可能的,因此不要害怕与用户一起开发服务。
“在视觉组件中,我们不信任味道,而是使用数据驱动的方法,因此我们仅通过A / B测试运行不同版本的界面解决方案”

我们不认为UI与UX隔离。 第一个总是守护第二个。 在UI的工作中,我们与大多数同事并没有太大不同:当所有问题都已解决时,我们最后进行图形化演示。 如果任务比较简单,那么我们将立即创建解决方案;如果困难,我们将分解并制作原型。
接口上的所有技术工作均在Sketch中使用Abstract版本控制系统完成。 布局准备就绪后,我们通过Overflow将它们连接起来,这会生成一个方便的功能图。 下载Zeppelin中开发人员的源代码。
我们的UI与UX和UX相关联-借助智能算法来形成空缺和候选人的录音带。 我们使用机器学习向候选人显示最合适的职位空缺,并向招聘人员显示在数据库中进行冷搜索时最合适的候选人。 我们通过四个方面实现这一目标:
候选人的社会人口特征。 我们已经积累了丰富的候选人职位空缺的观点和回应的历史,现在我们利用它来利用这些数据来使产品更好。 例如,一个十八岁的女孩很可能对装卸工或驾驶员的空缺不感兴趣,但对于四十岁的男人来说可能很感兴趣。 此外,我们很快就会有“所需的职业”,而候选人首先将能够准确指出他想工作的人。 这将进一步改善ML胶带。 现在,我们使用150个功能生成个性化供稿。
即时兴趣。 如果四十岁的男人经常查看或增加收银员的空缺,那么我们的算法就会知道,他对收银员的空缺感兴趣,而不是对装货商或司机都感兴趣。
罚款 如果招聘者未在一定时间内处理答复,我们得出结论认为,该职位空缺的候选人需求已得到满足,并在发放中将其降低。 因此,我们鼓励招聘人员对候选人做出更快的反应。
工作分组。 确实有大量空缺,例如肯德基的出纳员。 为了使候选人看到更多不同的信息流,我们将他们分组为一个空缺,同时在录像带中显示最适合他的空缺。
在视觉组件中,我们不信任味道,而是使用数据驱动的方法,因此我们仅通过A / B测试运行不同版本的界面解决方案。 我们与分析部门一道,仔细监控每个解决方案的目标指标,并在一段时间后使它尽可能有效。
事先很难理解什么是方便的,什么不是。 在设计界面的过程中,设计人员的经验很重要,因为他已经知道哪种行为方式有效且用户熟悉,并且哪些行为必定会造成困难。 这并不排除进行试验的可能性,但是最好不要为广大观众使用前卫的解决方案。
测试自己的最简单,最便宜的方法是向同事展示并进行“走廊测试”。 大多数不合逻辑或晦涩的事物会立即出现。
更复杂,更昂贵:UX对真实用户进行测试,并记录与相机界面的所有交互以及随后的小型采访。 在初创公司中,这并不总是具有时间和资源,但是对于成熟的公司,这可能是主要的选择,尤其是在服务拥有大量受众的情况下。
进行更改的最常见情况是最终用户实际上并不想钻研该界面。 现成功能的每个新迭代通常旨在简化它,而不是增加功能,尽管这也很重要。
每次进行新迭代时,您都需要筛选界面,并将最重要的元素带到最前沿,将次要的元素推到后台。
如果您不是在高度专业化的界面上工作,那么“更轻松是更好”的规则应该放在首位。
您不应该试图给用户留下很多机会,将每个功能屏幕加载到最大:充其量,最多不会使用其中的大多数内容。
“如果您以共同的视觉语言形式开始所有工作,那么它将极大地方便将来在多个方向上的工作,同时几乎不会花费任何费用”

当您对产品负责时,尤其是在启动中,您可以保护团队内的决策,然后立即保护用户。 您可以听取反馈,与业务互动,优化解决方案。 您始终可以立即分析实时数字。 但是在设计工作中,一切都变得更加复杂。 在这里,您必须做出让步-让客户确信解决方案是最佳的,业务任务与用户体验同等重要。 而且如果使用UX稍微容易一些,那么使用UI则一切都更加主观。 即使您显示A / B测试的结果,许多客户也会有非建设性的意见。 在这里,与客户进行的平静而系统的工作会有所帮助-必须让他就重要问题进行建设性对话。 这也有助于在工作前起草并批准指南-这在将来的非建设性纠纷中是一个有力的论据。
要了解什么对用户方便,什么不方便,在设计的早期阶段,您需要自己做一些事情,在原型阶段测试服务中的所有内容,确定主要用户配置文件并为其注册案例。
当然,所有情况都应成功结束,成功的标准和参数本身也必须确定。 大多数问题将随着经验的积累而消失,对用户行为的理解以及他们的交互模式将会出现。 所有这些将在未来的初始阶段节省大量时间。
在两个版本之间可能已经超过一年的日子早已过去。 一切都加速了。 在当前世界中,业务目标,任务和环境的变化速度远远超过了产品发布的速度。 因此,该产品不是一个整体。 这是一个一方面应该改变并适应不断变化的环境,另一方面又要适应业务任务的系统。
同样重要的是,即使可能,甚至在开始在屏幕上工作之前,一种简单,可理解并且同时具有情感和表现力的视觉语言。 风格,韵律,技巧,限制。 所有这些都需要描述,考虑,制定和形式化。 您可以在离线媒体上甚至在打印时测试样式。 这永远不会是多余的,但是在将来,您将摆脱产品和市场营销不一致,演示,文档,脱机材料,登录页面和广告等问题。
许多人由于某种原因而错过了这一点,但是如果您以一种通用的视觉语言的形式开始所有工作,那么它将极大地方便将来在多个方向上进行工作,而同时几乎不会花费任何费用。 即使现在看来您绝对是多余的。
TraceAir的联合创始人兼市场总监Nikita Ushakov和TraceAir的设计师Alexander Smetanka:
“为了了解我们的用户认为方便或不便的地方,您需要了解他们,为此您需要与他们进行很多交谈”

我们制作使用无人机进行有效施工管理的软件。 尽管这是B2B产品,但我们使它像B2C。 与许多制造类似软件的公司不同,我们的任务是使它对现场人员有用,而不仅仅是对技术上更精通并且已经在各种复杂工程程序中工作的工程师有用。 因此,对于那些没有时间等到测量师向他们提供有关该站点的最新信息或通过复杂的工程软件获得必要信息的建造者来说,我们消除了缺乏信息的情况。 因此,我们使软件非常简单。 几乎每个人都可以在半小时或更短的时间内学会使用我们的产品。

我们有B2B销售,但是在使用产品方面,我们有更多的B2C。 我们回避了许多B2B产品常见的令人不愉快,难以理解的问题,并使用了多层接口。 我们会认真听取用户,人们,他们如何使用产品的信息,并调整界面,以使解决问题变得更加便捷。 开发UI的过程与B2C产品的过程没有太大不同:人员及其便利性是最重要的。
我们有两个收集反馈的方面-内部团队和客户。 整个团队都会影响设计,每个人都可以做出自己的更改。 接下来,我们在最忠实的客户上测试原型,这有助于将其引入工作版本。 最终的决定权留在设计者手中,重要的是要了解这是一名产品设计师,决策总是合理且平衡的,并包括使用指定的开发资源按时实施的可能性。
要了解对我们的用户来说似乎方便或不便的地方,您需要了解他们,为此,您需要与他们进行很多沟通。 不断的交流和沉浸在他们职业的精髓中,使他们初步了解了对他们而言什么方便。 但是,创新并非仅通过与用户沟通来完成。 它还来自团队,您为自己设定的战略目标以及为实现该目标所遵循的原则。 我们的目标是楼宇自动化。 原则之一是使产品尽可能简单,每个人都可以使用。 积极与客户沟通并结合我们的目标和原则,我们对方便或不便之处提出假设,然后进行测试。
我们也有客户服务经理,他们不断与客户沟通并接收反馈。 他们尤其擅长找出什么是行不通的-他们非常热心地告诉他们。 用户对我们的产品充满热情,他们的发展对他们而言并不陌生。
因此,尽管我们仍是一家初创企业,但是时间和资源有限,而且常常无法计算所有内容,因此不可避免地会出现错误。 例如,由于没有足够的用户基础,我们不对接口进行大规模的A / B测试。 我们正在使用最忠实的客户的详细反馈来开发界面。 这是快速且方便的,但是与如此有限的受众交流所得出的结论冒着不被该产品的许多其他用户喜欢的风险。 我们从来没有遇到会阻塞工作的严重接口错误,但是我们必须对接口进行热修复。 再次,我们的客户进行了快速主动的沟通很有帮助。
AIC设计部门主管Sergey Kireev:
“我们喜欢漂亮且开发完善的界面,但是如果该产品不能很好地运行,则UI不会迫使人们使用它”

用户界面应帮助用户解决界面中的任务。 在此背景之外进行审查时,其含义会从利益转移到修饰。 因此,对于年轻产品,使用UI的开发载体应该是这样的:首先帮助并参与,然后养成习惯并创造新的独特体验。
每个行业都有自己的特征,既定的行为模式和趋势。 但是到处都有通用的设计。 跟踪,解释和正确应用它们是专业设计师的任务,而意识是使用UI的主要标准。 总是问自己:我们为什么要这样做? 这样可以解决我们的问题吗? 它会带来什么好处?
我为自己确定了以下一些有效使用UI的规则:
- 不断测试产品。 进行定量和定性测试很重要。 定量的方法将有助于优化方案并了解问题所在,而定性的方法将有助于深入研究问题并了解深刻的见解。
- 设计是不断致力于错误的工作。 重要的是要迅速做出反应,纠正并从每一个失误中汲取经验,并加以纠正,以防止将来出现类似的错误。
- 小心点 不要一次为所有用户推出新设计-人们会担心所有新事物和未知事物。 我们需要确定关键指标,找到忠实的受众并从中入手。 收集反馈,了解错误所在,修复和更新。 快速行动。
- 制定10条原则,这些原则定义了您正在开发的产品的良好设计。 让他们成为设计团队的指南和测试决策。 这些原则可以涵盖您认为对您的产品或公司很重要的各个方面,但不应有双重或抽象的解释。 可以在designprinciplesftw.com上找到此类原理的示例 。
- 让设计团队记录他们的决策 ,审查布局,创建元素和样式库。 对于那些界面元素执行相同功能(尽管反之亦然)的风险而言,这是必要的。
来自编辑
界面设计师的Netology课程: