Tsunagi术语管理系统

用户头像
上海/UX设计师/5年前/287浏览
Tsunagi术语管理系统
用户头像
米兜里

Tsunagi术语管理系统

产品介绍


Tsunagi术语管理系统(以下简称Tsunagi)是一款供公司内部医学知识工程师使用的工具,它的主要功能是查找术语、编辑术语以及其他相关功能。

术语,可以简单地理解为医学专业名词。不同医院不同医生对同一种病症可能会用不同的名字,而编辑术语就是将这些不同的名字用一个称呼统一起来,以便于作自然语言处理时,程序可以识别出来它们是什么意思。




设计方案


1、整体布局:

简洁明了、易于实现


由于整个工具的专业性很强、功能十分复杂,因此在考虑布局时,最先被考虑的就是如何能让用户一下子就知道要从哪里做起。

同时因为项目工期较为紧张,在设计的时候也优先考虑开发可以直接复用的布局。

最终决定,将导航放在左侧,辅以页面内标签页的形式。

A 左侧导航:让用户一目了然地知道网站有哪些功能,并知道从哪里开始;

B 标签页:便于用户在工作过程中进行对照参考



2、信息架构


如前说述,Tsunagi的功能很多,尤其是编辑术语的工作涉及到相当多的功能,并且不同用户权限也不同。

经过梳理,我将与编辑术语有关的功能按照工作流程划分为:任务分配、术语编辑、术语审核、已审核术语、关系。经过这样划分后,编辑术语工作的主要承担者——“操作员”,只需要关心其中的两个功能,大大降低了他们的认知负荷。



3、设计细节


  A、减少冗余信息:在实际工作过程中,由于产品经理有时会从功能出发进行产品设计,做出一个功能完备信息全面的产品。而作为用户体验设计师,我们需要从用户的角度去考虑,所提供功能和信息是不是用户需要的。



搜索结果列表

比如在搜索结果列表这里,产品经理原本的设计是将搜索结果划分为不同类型(抱歉,此处没图),不同的类型用不同的颜色或符号进行表示。但经过与用户沟通后,我们发现大部分的类型用户并不关心,只需要标示出一种叫做“未启用”的类型。这样做就避免了不同的类型(颜色、符号)对用户的干扰,让用户注意力更加集中。




术语关系图

根据用户使用需要,这里要展示两种关系图。一种是树状图,可以层层下钻;一种是点状图,可以展示不同类型的术语关系。在产品经理的设计中,需要同时展示两种图。但同样地,经过与用户沟通后,我们发现用户并不需要两种图相互参考,因此最终的设计是切换展示。这样不仅减少了用户认知负担,也让每个图有更大的展示空间,方便用户的操作。



B、帮助用户归纳信息:在进行术语编辑时,每个术语包含的内容非常多,使页面看起来非常复杂。因此,这里通过视觉元素的运用,将一个术语的内容归纳起来,也就是让用户的注意力限定在一个范围内,以此减轻认知负担。



编辑术语


(默认展开第一个术语)



C、提高效率



需要输入时,提供默认内容

为了提高用户的工作效率,在需要用户输入内容时,会提供一个有意义的默认内容。




提供快捷操作

当用户下钻层级过深时,可以一键回到初始的术语






4
举报
|
4
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
APP/小程序商业项目UI模板|99个高保真UI+79个原型
高级表盘系列UI源文件
我的钱包-UI界面设计-app
【新年UI图标】活动icon
户外旅行飞机情侣假日出行
UI 登录界面设计模板包
科技医疗透明柜UI界面设计
【新年UI图标】体育icon
新能源APP应用UIKit
钱包ui模板
【新年UI图标】旅行icon
盲盒APP UI设计
【新年UI图标】礼物/活动icon
【新年UI图标】影音icon
3D卡通UI界面图标可爱插画免扣素
3D渐变流体抽象矢量UI背景图
UI通用设计素材1
高级感金属拟物 UI设计组件库
UI界面 组件
拟物风质感写实UI卡片合集源文件
【新年UI图标】珠宝icon
智能家居中心 简约 UI设计组件库
Security Camera UI kit
你可能喜欢
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
登录注册