UI/UX 案例研究:通过战略设计提升用户体验和可信度
TCC翻译情报局
共 10245字,需浏览 21分钟
· 2022-05-30
本文共 4139 字,预计阅读 11 分钟
TCC 情报局的 第 142 篇 干货分享 2022 年的 第 40 篇
TCC 推荐:大家好,这里是 TCC 翻译情报局,我是李泽慧。本文通过作者的 UI/UX 案例,分享了重新设计一家知名医院的网站的整个过程,详细描述了为提高可信度而做出的设计决策,以及背后的分析过程,可以帮助设计师去思考设计过程中的 “HOW” “WHY”。让我们一起来学习一下吧!
1.医院简介
1.About the hospital
2.为什么决定重新设计?
2.Why did I decide to redesign the website?
3.旧版网站初见面
3. Do you want to see the old website?
所以这里是我发现可以改进的机会点:
没有直接的联系方式
预约表单的设计很糟糕
整个网站的文字太多( 感觉就像你在读一篇文章 )
看起来过时且缺乏置信度
缺乏引导和指示
有多个 “行动按钮”( 会让用户对选择哪个操作产生疑惑 )
色彩对比度差
图标的缺乏一致性,并且有许多无意义的图形
4.美学可用性效应
4.Aesthetic Usability Effect
5.信息架构
5.Information Architecture
6.设计过程
6.Design Process
1)“主页横幅”板块
2)“预约表格”板块
3)“附加信息”板块
4)“服务内容”板块
5) 图标不一致
6)“医疗中心查询”板块
7)“用户推荐”板块
8)“医生简介”板块
9)“获奖经历”板块
原文:https://uxplanet.org/how-i-improved-user-experience-and-credibility-through-strategic-design-ui-ux-case-study-dcf2c109e606
作者:Srishti Vashishtha
译者:陈熠璇
审核:吴鹏飞、李泽慧、张聿彤
编辑:李莉好
本文翻译已获得作者的正式授权(授权截图如下)
十个技巧帮助你设计一款在线学习 APP
这些色彩心理学知识教你如何传递信息
案例研究|康奈尔大学副业社区网站设计
网页设计师能从日式美学中学到什么?
案例研究|一款为你带来难忘体验的美食 APP
如何制作打动面试官的作品集,这里有一份完整的指导手册
如何做好用户体验项目?从一个好计划开始
如何建立设计系统
如何把握不同层级用户的需求:回归本质,打磨信息架构
TCC 视野|2021 年用户体验设计趋势分析
评论
一站式解决方案:基于 Arthas 实现服务发现和权限控制
来源:juejin.cn/post/7281849496983994383👉 欢迎加入小哈的星球 ,你将获得: 专属的项目实战 / Java 学习路线 / 一对一提问 / 学习打卡 / 赠书福利全栈前后端分离博客项目 2.0 版本完结啦, 演示链接
小哈学Java
0
只写后台管理的前端要怎么提升自己
大厂技术 高级前端 Node进阶点击上方 程序员成长指北,关注公众号回复1,加入高级Node交流群本人写了五年的后台管理。每次面试前就会头疼,因为写的页面除了表单就是表格。抱怨过苦恼过也后悔过(虽然我现在已经心安理得的摆烂),但是站在现在的时间点
程序员成长指北
1
互联网晚报 | 大麦网已退款凤凰传奇演唱会“柱子票”;钟薛高再成被执行人;iPhone 16或取消实体音量键和电源键
大麦网回应凤凰传奇演唱会买到“柱子票”:已退票退款据报道,凤凰传奇2024巡回演唱会常州站演出结束的第二天,有网友称自己在大麦网买到“柱子票”,因为观看效果不佳,要求退款被拒。23日,记者从涉事网友处了解到,大麦方面给出了退款建议,但被其拒绝,“我希望平台退款加赔偿,并重视屡次出现的‘柱子票’问题。
产品刘
0
面试官:在原生input上面使用v-model和组件上面使用有什么区别?
前言面试官:vue3的v-model都用过吧,来讲讲。粉丝:v-model其实就是一个语法糖,在编译时v-model会被编译成:modelValue属性和@update:modelValue事件。一般在子组件中定义一个名为modelValue的props来接收父组件v-model传递的值,然后当子组
高级前端进阶
0
AI论文写作工具和生成器(一)
随着人工智能和大模型的迅猛发展,AI对研究人员和学生提供了极大的写作便利。本文将介绍市面上常用的AI论文写作工具,帮助你提高论文写作效率并遵循学术道德。请仅将AI论文生成器视为辅助参考手段,切勿直接挪用全文。XPaper AlXPaper AI是由点击式创作工具晓语台推出的一款论文写作生成平台,只需
IQ前端
0
【第128期】提升编程效率VSCode变量命名插件推荐
概述 在编程的世界里,一个好的变量名不仅能够提升代码的可读性,还能反映出程序员的专业水平。Visual Studio Code(VSCode)作为一个广受欢迎的代码编辑器,拥有丰富的插件生态系统,其中不乏能够帮助我们高效命名变量的工具。今天,我们就来介绍几款VSCode上能够提升变量命名效率的插件
前端微服务
0
微服务与领域驱动设计,架构实践总结
来源:知了一笑👉 欢迎加入小哈的星球 ,你将获得: 专属的项目实战 / Java 学习路线 / 一对一提问 / 学习打卡 / 赠书福利全栈前后端分离博客项目 2.0 版本完结啦, 演示链接:http://116.62.199.48/ ,新
小哈学Java
0
面试官:电商库存扣减如何设计?如何防止超卖?
来源:my.oschina.net/xiaolyuh/blog/1615639👉 欢迎加入小哈的星球 ,你将获得: 专属的项目实战 / Java 学习路线 / 一对一提问 / 学习打卡 / 赠书福利全栈前后端分离博客项目 2.0 版本完结啦, 演示
小哈学Java
0