精选案例 – 用户体验设计-易用设计 https://ue.easeid.cn 广州交互设计-工业设计-品牌设计公司 | 广东优秀设计企业 Thu, 29 Sep 2022 05:58:42 +0000 zh-CN hourly 1 高盛96全自动核酸提取工作站系统 2.0 https://ue.easeid.cn/cases/gaosheng96quanzidonghesuantiqugongzuozhanxitong-2-0.html Mon, 26 Sep 2022 09:11:15 +0000 https://ue.easeid.cn/?post_type=cases&p=2088

项目背景

高盛96全自动核酸提取工作站1.0版本由易用设计进行交互设计、视觉设计、动效设计。该工作站能进行全自动核酸提取实验，可代替传统的人工提取过程，提高实验处理效率。此次项目为版本迭代，增加实验运行前的检材样本信息录入、提取管理、实验管理、存储检索等功能。以此建立统一的全自动提取工作站用户系统，为用户带来顺畅、傻瓜式、智能化的全自动核酸提取交互体验。与传统手工操作完成实验过程相比96全自动核酸提取工作站能减少人力操作成本，避免耗时耗力。疫情下检验样本量巨大，手动操作无法保证实验过程高质量完成，全自动核酸提取工作站能快速实现高通量、标准化、自动化的高质量提取。

用户调研

• 经实地调研了解用户正在使用设备及系统存在的问题点， 同时也为后续优化设计工作寻找机会点。

• 通过用户演示的竞品了解市场现有同类产品的优缺点，避免产生同一缺点。

• 与用户面对面进行用户访谈，完整收集用户需求。

• 现场体验实验全过程，了解实验流程。

设计分析

使用竞品分析、用户画像、用户体验地图等方法分析用户使用系统的现状，整理出工作中存在的突出问题，包括：

①检材录入的之字形走势难以对应

②主操作流程不清晰

③提取拼板需反复复核位置

④放置耗材无引导等

用户体验地图

User Experience Map

产品定位

Product Positioning

交互优化

产品定位

Convenient Entry

提供两种录入方式，用户可自行选择录入方式：

• 传统录入方式：先填写信息创建提取表，然后进行检材录入

• 便捷录入方式：扫码后直接创建提取表并录入检材信息，填写信息流程后置

高盛96通道全自动核酸提取工作站系统-便捷化录入-图

与传统手工操作对比

Comparison With Traditional Manual Operation

实验过程分解

Experimental Process Decomposition

助力新冠核酸检测工作

To Facilitate Nucleic Acid Testing For COVID-19

针对微量DNA样本，核酸自动提取工作站和配套的提取试剂盒。该工作站能完成：全自动核酸纯化（高通量：96个检材同步提取）、微量DNA定量（单光子PMT检测器：6pg/μL）、全封闭洁净操作（全封闭C级「GMP」洁净）、微量DNA捕获（检出率高：常规≥95%、微量≥60%）。

用于新冠检测的样本结果与临床诊断结果100%一致，最大同时进行96个样本检材的提取工作大大提高了检测的效率。

视觉展示

检材管理录入辅助

Material Management Input Assistance

旧：之字形走势难对应，容易出错，需人工反复复核。

新：根据走势给予视觉辅助，当前录入完成后系统自动定位到下一格，引导用户；颜色标识突出区分Ladder和常量。突出区分Ladder和常量。

提取拼板即时反馈

Extract Panel Instant Feedback

旧：裂解板对应提取表的位置难对应，需来回切换复核。

新：简化提取拼板路径，在列表点选裂解板可即时查看拼板情况并可移动位置，并可点击左侧标签页查看提取板详情。

后续操作快捷入口

Quick Entry For Subsequent Operations

点击保存后（页面右侧）出现扩展功能按钮，为用户的后续高频操作提供快捷入口，带来顺畅的流程体验。

实验进程可视化

Visualization Of Experimental Progress

实验列表按实验状态区分展示形式，卡片式通栏进度条形式突出展示运行中和待运行实验，前置用户最关心的内容。

实验过程全记录

Full Record Of Experimental Process

对实验过程进行视频记录，如对实验结果存疑时可回看实验过程，查证实验过程中是否出错。

步骤指引实验过程

Steps Guide The Experimental Process

给用户清晰的步骤指引式模块标题，强化用户对实验进度的把控感。

图文引导样品放置

Graphic Guide Sample Placement

增加流程进度示意，上/下一步的图片半透明处理，给用户心里预知，为用户提供流程行进的正向反馈。

工作台卡片按钮设计

Table Card Button Design

透视图标加强标识

Perspective Icon Enhanced Logo

旧：设备图标扁平，区分标识弱。

新：正侧面立体透视展示更多细节，更贴近实际观察视角。

]]> 正星加油站物联网平台：数据监控大屏 https://ue.easeid.cn/cases/zhengxingjiayouzhanwulianwangpingtaishujujiankongdaping.html Mon, 18 Jul 2022 06:42:18 +0000 https://ue.easeid.cn/?post_type=cases&p=2123

项目背景

随着社会发展的需求，加油站的数量不断增加，对加油站设施的高效管理变得越来越重要。为了了解各个地区加油站的运行情况，我们利用物联网的连接，把国、省、市、加油站四级的数据连接数据大屏，抓取信息，远程运维以及掌握加油站大数据，运用数据可视化的方式，打通信息孤岛，呈现一套高效的服务管理系统。

正星加油站物联平台
正星加油站物联平台-设计思路

设计思路

了解需求：与客户探讨项目需求。

前期调研：基于接收的资料和资料调研，分析整理。

梳理架构：基于前期调研，对项目的架构进行梳理。

风格提案：两种不同的风格设计提案，便于客户选择。

视觉设计：确定风格，沿用风格再设计。

完成输出：按要求切图输出。

设计风格

我们想传达的是产品给人一种物联网+大数据的直观表现，不管是功能上还是视觉呈现上，我们希望它是给人一种值得信任的，富有科技感的，时代未来感的，高效的产品。通过设计调研，我们尝试使用一些核心关键词描绘设计的概念，确定项目的视觉风格。

正星加油站物联网平台-设计风格

设计提案

正星加油站物联网平台-设计提案
正星加油站物联网平台-设计提案
正星加油站物联网平台-色彩

颜色&图标

蓝色作为主色调，能增强数据大屏的科幻未来感，打造出极其强烈的工业科技视觉，同时缓解视觉疲劳，红黄橙绿辅助色帮助用户在众多数据中聚焦重点。扁平线性图标的使用，增加视觉的趣味性，同时让用户在操作时能一目了然。

界面展示

省级对比页面

省级里的每个市显示三个不同颜色指标趋势图，能清晰加油站的服务情况。同时在服务车辆显示当前位置上用了拟物的呈现，便于用户清楚知道车辆处在的位置。

正星加油站物联网平台-设计展示
正星加油站物联网平台-视觉设计

市级进入站点页面

服务统计数据由原一个图表划分三个图表布局，清

晰看到每月数据的变化，每个表中分别用蓝红黄不

同颜色不同图形进行展示，除了能丰富整体的页面

视觉外，还能让用户轻松了解重要信息。

其他界面

正星加油站界面
]]> 汉玛智慧人脸识别门禁系统：智能时代 https://ue.easeid.cn/cases/hanmazhihuirenlianshibiemenjinxitongzhinengshidai.html Mon, 18 Jul 2022 06:33:09 +0000 https://ue.easeid.cn/?post_type=cases&p=2063

项目背景

广州汉玛智慧信息技术有限责任公司是以物联网应用和人脸识别技术为核心的智慧工地、智能办公一体化解决方案提供商。同时致力于为广大企事业单位提供智能门禁考勤系统、人脸识别监控系统、人脸识别通道管理系统、智能门锁控制系统等。

人脸识别门禁系统

原型图

我们借助低保真交互原型图梳理前期界面基本交互逻辑和基本框架，便于后期优化修复产品的问题。

汉玛人脸识别门禁系统原型图

设计定位

我们根据汉玛智慧公司的品牌调性，把人脸识别门禁系统的视觉设计选取暖色调。
简约暖调：简洁留白，时尚，桔橙色搭配白色，颜色亲和力强。
亲和空间：营造沉浸式体验氛围，操作更人性化，空间感强，视觉聚焦。

汉玛人脸识别门禁系统设计定位

动效展示

微动效使产品更有趣味性，可以让用户和产品之间联系更加紧密从而达到改善产品用户体验的目的。

色彩图标

通过前期的调研分析和竞品分析，我们确定了产品的整体视觉风格，采用汉玛橙和线性/扁平图标相结合，给用户一种新潮、干净、简洁的视觉感受。

汉玛人脸识别门禁系统色彩图标
汉玛人脸识别门禁系统色彩图标

扁平插画

在界面设计上，运用渐变色插画，增加视觉的丰富性，用户使用感强，同时使产品的目标能更好地传达到用户心里。

汉玛人脸识别门禁系统插画

界面设计

汉玛人脸识别门禁系统界面
汉玛人脸识别门禁系统界面
]]> 捷信通用电服务云平台：互联网+时代的绝佳演绎 https://ue.easeid.cn/cases/jiexintongyongdianfuwuyunpingtai.html Thu, 14 Dec 2017 10:21:50 +0000 https://ue.easeid.cn/?post_type=cases&p=1240

PROJECT BACKGROUND

01 项目背景

广州市捷信通科技发展有限公司（JST）始创于1998 年，是一家以通信、防雷、电力自动化为主业的高新技术企业。 在通信方面，非视距微波、点对多点微波通信、微波无线接入、常规无线电通信等领域中，工作成绩卓著。公司圆满完成了广州番禺、增城、深圳、珠海、东莞、佛山、江门等供电公司微波及防雷项目。在其它微波通信领域，公司具有较高的知名度和良好的声誉。

设计研究，实地考察，模拟实验

DESIGN RESEARCH

02 设计研究

在设计初期我们进行了实地的考察，明确业务员、值班员、转变用户、巡维组长四种用户类型。从各自痛点和使用场景进行考察和模拟实验。

INTERATION DESIGN

03 交互设计

由于现有产品只设定了业务主管的角色以及信息架构不完整，导致操作流程相对单一，在优化阶段将分角色进行业务流程的规划。

通过图像化图表表现数据的变化、对比度和所占比例，使抽象的数据更易读懂 采用卡片式布局方式，将各个数据分隔开来，使数据看起来一目了然。

VISUAL DESIGN

04 视觉设计

PC端的设计上整体是以左右为布局，左边卡片为可抽拉式的。在首页显示地图，使用户可直观的看到目前电房位置和情况。

在APP的设计上，延续了PC端的设计风格再进行视觉上的优化。布局更加紧凑简洁，用户可以快速找到自己所需信息。

VISUAL DESIGN

04 视觉设计

在APP的设计上，延续了PC端的设计风格再进行视觉上的优化。布局更加紧凑简洁，用户可以快速找到自己所需信息。

]]> 万孚全自动蛋白分析仪：为医疗仪器添色彩 https://ue.easeid.cn/cases/wanfushengwudanbaifenxiyi.html Thu, 14 Dec 2017 08:21:40 +0000 https://ue.easeid.cn/?post_type=cases&p=1218

项目背景

广州万孚生物技术有限公司致力于从事医学检验诊断产品的研发、生产和经营， 是一个集开发、生产、经营为一体的专业生产实体性高新技术企业。 这次项目产品是血浆蛋白检验分析仪器，通过对血浆蛋白的检测，给人类疾病诊断带来便利。 我们优化界面视觉，提高用户体验， 使得医疗工作者使用全自动蛋白分析仪时候能够更加直观查看信息、方便他们高效操作。

设计分析

全自动蛋白分析仪是提供给医疗实验工作者的产品设备。 这类人群具有严谨的科学态度，和执着的科学精神。他们大多是在实验室进行分析工作。 我们调查了国内外蛋白分析仪的产品，发现他们普遍界面陈旧，信息繁琐，操作不易， 所以改善产品视觉设计，提高用户使用效率是这次设计的重要目标。

设计过程

根据设计分析，我们采用了纯粹、洁净的视觉风格来配合医疗场景使用。 为了提升产品的专业性，我们在视觉上提取了仪器内部结构要素进行重新设计。使界面元素不脱离实际场景，也方便用户适应软件。

万孚

我们从医疗工作者的使用角度去设计，为了使得医疗工作者可以迅速有效的获取设备信息，我们将操作区和报警区置于上下两栏，弱化右侧导航区，从而扩大了整个信息查看范围，便于医疗分析使用。

我们采用线型图标和文字的结合进行导航设计，使整个产品的视觉更加统一。 同时用色块区分点击区域 也使得用户可以清晰明了的进入每个模块。

医疗工作者大多在沉闷的环境中工作，为了避免用户在设备操作中感觉乏味单调， 我们采用了清新的色彩和渐变设计。 这不仅增加了设备的友好性，还可以给用户提供良好的用户体验。

万孚-设计方案
]]> 美易来人工智能灶 https://ue.easeid.cn/cases/meiyilairengongzhinengzao.html Thu, 14 Dec 2017 08:21:26 +0000 https://ue.easeid.cn/?post_type=cases&p=1202

外观设计+结构设计+交互设计+品牌设计

从0到1，从概念到产品的每一步，历经128天。我们在每一步的设计中，力求完美。如今，我们全案呈现。

前期调研

从产品功能出发，我们通过一系列的关键词对智能锅进行描述，并通过关键词对产品人群、使用环境、情景模拟、行业竞品进行大量的分析，与客户确定产品的粗略结构排布，分析技术的可行性，从而确定创意方向。

 工业设计

一款互联网产品 先从概念开始

美易来好的产品

好的产品 步步到位

进行关键点切入，亲情、互联网等元素，从草图构思到平面绘画再到人机工程学，不断修改，并对人、机器以及环境三者间的协调进行一系列完整。

只为你 呈现完美

128天精心专研

3次结构调整

23次细节优化

结构设计

美易来

简洁 只为更专一

合理的利用每一处空间，恰到好处。简洁的设计，除去了多余的装饰物、外在美，内在更美。

凹面立体 拥抱呵护

相对常见的电磁炉，我们采用了凹面设计，加热更快，受热更加均匀，再配合温度传感器及重力传感器，实时为你的美味保驾护航。

交互设计

美食分享 快乐生活

友好的用户界面，能拉近人与机器的距离感，简洁清晰的操作流程也让用户在使用中不会感到疑惑。

美易来
美易来

手势识别 软硬结合

在通过情景分析以及试剂的操作流程中，我们发现在大多数情况下，并不愿意用手去触摸，所以我们在两侧增加了红外线感应器，能在任何时候你都可以通过手势进行操作。

品牌设计

传承，是家的味道

]]>