大屏互动橱窗软件界面设计

目录

• 市场调研

• 设计分析

• 设计方案

• 反思总结

市场调研

客户需求&使用场景

近些年来，我们在商场、快餐店、便利店等公共场所会看到越来越多可以操作、互动的大屏设备。这些大屏幕设备的功能，大致分为以下几类：

 1  信息查找（比如商场楼层信息、入驻商家信息查找）

 2  信息展示（新品上市、打折促销、线上营销活动等，目的是品牌推广、引导消费、线下流量转化为线上流量等）

 3  完成固定的高频任务（比如麦当劳、全家便利店、火车站站内放置大屏幕设备，顾客可以实现自助下单、结账等服务，减缓线下窗口业务压力，尤其是高峰时段有很强的分流能力。）

客户&用户

客户通常是为品牌企业、政府、地产企业提供数字化解决方案的服务商，最终由前者买单。用户则包含几乎所有人群。

行业难点

大屏触摸设备的普及，需要解决的问题有以下几点：

1 硬件设备的价格成本要接近一个适合商用的区间

2 网络环境的支持（5G 网络环境的普及，让物联网变得逐渐可以实现） 

3 系统和软件层面的支持

机会点

中小型消费服务场所，比如美容院，餐馆，服装店。他们同样有广告宣传、引流的需求，最终却并未买单这类产品的顾虑是什么？经过调研，我们最终把突破口放在了内容制作这里。对于利润不那么高的小店家而言，请广告公司制作内容花费较高，后期也需要更新维护，自己制作的话，又缺乏网页开发制作能力，最终打消了他们的购买意愿。

设计分析

G8 Glass Touch 互动橱窗是一款基于深度学习的目标检测研发的室外触摸设备。在此项目中，我的工作职责是软件界面的设计。目前软件主要包含 Configurator 管理工具和部分内容 demo 设计制作。

目标客户

零售店：全家、无印良品、巴黎欧莱雅这种线下零售店。恰好也迎合了近两年“新零售”的风口，数字化、智能化的线下零售场景。

目标用户

零售店工作人员

用户画像

使用场景

设计原则

操作简单易懂；视觉层级清晰；风格以简洁为主；考虑近场操作视觉运动规律。

设计方案

设计细节

问题：如何让用户在安装完软件后点击校准功能？

拿到这个需求后，根据项目经理的倾向，我提交的第一版方案是这样的：

用户安装完程序后，程序主页 Calibrate Touch Sensor 显示红色角标，提示用户进行校准操作。该方案很快通过了。但这似乎不是一个我满意的方案。当天晚上我通过场景建模，故事板，重新梳理了一下这个方案的合理性。

分析结论是：这的确不是一个让人满意的解决方案。

那么，更好的解决方案是什么呢？

也许，一开始的问题就错了。真实的问题应该是：

如何给用户一个丝滑的安装程序体验？

进而我联想到了手机的激活过程。

iPhone 的激活过程是较为繁琐的，选择地址、语言、权限设置、iCloud 同步等。但由于 iPhone 的普及，这套做法也陆续引入了安卓手机的激活过程中，进而被用户熟悉。

类比手机的激活流程，我将第一次校准操作转移进了安装步骤中，并将 安装+激活+校准 打包成激活的概念。开发方面最终的工作量也仅仅是增加了两个静态衔接页面。次日我将方案提交给领导后，很快就落实了。

反思总结

「关于设计方法」

每个设计师在学习过程中都会接触到很多设计方法。如何将这些设计方案运用到工作中，帮助做出更好的解决方案就成了一个考验。在这次项目中，我用到了用户建模、体验地图，通过设计分析帮助我理解目标用户和用户的使用路径，进而提出更加符合用户心智模型的解决方案，最终获得项目经理的认可。项目经理是结果导向的，并不看重设计分析这块。但自己私下的设计分析仍然是有意义的。希望在以后的工作中能够有更多的机会和实践去理解用户。

与此同时，设计师在生活中应当多体验不同的智能产品，并思考总结、归类，什么样的设计单元可以使用在什么样的场景中，最终在脑海中行成一个设计素材库。这样在真实项目中，在时间比较紧迫的情况下照样能够输出合理的解决方案，为产品体验增值。

「关于合作」

在项目合作过程中，需要考虑到上下游合作方的关注点是什么。比如产品经理，他们日常工作中要处理大量琐碎的事情，导致了很多问题他们没精力进行深入的思考，有个大致的思路就会丢到下游设计部门。每个产品经理都会有自己的处事风格。比如我们公司的产品经理在描述问题时经常会提一个自己理解的（未经深入思考的）可能的解决方案。作为设计师，就需要理解产品经理的需求和真实的问题到底是什么，这样才不会顺着一条道儿走到黑。再到下游的工程师，新加需求、改方案是一件让设计师头疼的问题，对于下游的开发来说也是如此。基于对设计师、产品经理的信任，大多数工程师很少对产品的设计提出疑义，但反复的修改仍然会让他们疲惫。因此在增加新需求的过程中，要考虑工程师的工作量，如果能有双赢的方案自然是最好的。

希望以后继续进步～