前端写的UI效果让人不满意,怎么办?

简介: 这个问题本质是工作意识的问题,前端开发之前做项目都是以功能为主,能用就好。

公司最近做了一个app,但是开发做的效果跟UI设计的效果图有很大的差别。所以那天,boss在群里@我说,这个app看起来真恶心,问我对这个问题有什么看法以及后续行动?

这个问题本质是工作意识的问题,前端开发之前做项目都是以功能为主,能用就好。这在早期可能还是优势,会让人感觉工作效率很高。但在实际使用中会存在各种小问题。现在的矛盾在于,公司的要求已经从”能用“改成了“好用”。这种工作方式已经不适合现在的产品开发了。你也可以想想,UI效果跟交互重不重要?

问题找到了,看起来也很容易解决,既然以前没要求,那现在就提出要求呗。但实际上,想改变这个习惯还是挺不容易的。你得慢慢磨。

为什么这么说呢?习惯不好改呗。深挖一下,这里面还有一个认知失调的问题。费斯汀格曾经提出一个“认知失调理论”的概念,讲的是一个人在面对跟自己认知不相符的信息时,会本能地给自己找借口,以便维持自己内心的平衡。举个极端点的例子,我们在网上可以看到有些死忠粉丝,哪怕自己喜欢的明星做了违法的事情,她们依然会选择维护。你要是强硬的说明星这里不好,她可能还会跟你绝交。而想要解决这个问题,得先想办法让她行动起来,去了解明星是怎么运作的,什么行为是好,什么行为是不好。除了这个明星,哪些有着优秀品格的名人更值得被喜欢等等。

我一直有个观点,我们其实没办法改变谁的认知,只能通过行为影响他人的认知。所以面对这个问题,我的做法如下:

首先,需要进行确认沟通。提出具体的要求。做完之后,把页面效果跟效果图对比,不能有明显的区别。这点前期肯定做不到,但没关系。别急。

其次,给出具体的修改建议,减少对方修改的阻力。图片 + 文字说明。这个地方与上面的间隔加大当时像素,这个地方有字体用多大等等。

最后,就是抓住标准,做验收。针对页面效果反复做修改。修改的次数多了,程序员就会慢慢养成还原效果图的意识。效果还原度会越来越高。

但这个方法也有其缺陷:在前期,开发的效率会非常低,如果开发一直有很多任务要做。就会面临一个问题:开发会问:“你让我改这个,我其他任务做不做?” ,还记得那个认知失调的理论么?这确实是个问题,而且对小公司来说,该妥协的时候要妥协。

有时候我们必须接受,有些改变是一个缓慢的过程。需要不停地强调,不断地执行才会有效果。我不知道这个方法是不是最优解,但我肯定这个方案是有用的。我之前通过这个方法解决过这个问题。而且稳定后并没有增加什么工作量。

目录
相关文章
|
3月前
|
前端开发
Element UI 【实战】纯前端对表格数据进行增删改查(内含弹窗表单、数据校验、时间日期格式)
Element UI 【实战】纯前端对表格数据进行增删改查(内含弹窗表单、数据校验、时间日期格式)
165 6
|
29天前
|
前端开发 开发者 UED
前端只是切图仔?来学学给开发人看的UI设计
该文章针对前端开发者介绍了UI设计的基本原则与实践技巧,覆盖了布局、色彩理论、字体选择等方面的知识,并提供了设计工具和资源推荐,帮助开发者提升产品的视觉与交互体验。
|
2月前
|
开发者 C# Android开发
明白吗?Xamarin与Native的终极对决:究竟哪种开发方式更适合您的项目需求,让我们一探究竟!
【8月更文挑战第31天】随着移动应用开发的普及,开发者面临多种技术选择。本文对比了跨平台解决方案Xamarin与原生开发方式的优势与劣势。Xamarin使用C#进行跨平台开发,代码复用率高,可大幅降低开发成本;但因基于抽象层,可能影响性能。原生开发则充分利用平台特性,提供最佳用户体验,但需维护多套代码库,增加工作量。开发者应根据项目需求、团队技能和预算综合考量,选择最适合的开发方式。
90 0
|
2月前
|
JavaScript 前端开发 开发者
决战前端之巅!Element UI与Vuetify谁才是Vue.js组件界的霸主?一场关于颜值与实力的较量!
【8月更文挑战第30天】本文对比了两款热门的Vue.js组件库——Element UI与Vuetify。Element UI由饿了么团队打造,提供多种高质量UI组件,设计简洁大方。Vuetify基于Material Design规范,支持Vue.js 2.0及3.0版本,具备前瞻性。两者均涵盖表单、导航、数据展示等组件,Element UI配置选项丰富,而Vuetify则提供了更深层的样式定制功能。开发者可根据项目需求及个人偏好选择合适的组件库。
165 0
|
3月前
|
编解码 前端开发 UED
UI/UX设计在前端开发中的重要性
【7月更文挑战第27天】综上所述,UI/UX设计在前端开发中具有不可替代的重要性。它们不仅决定了产品的视觉呈现和交互体验,还影响了用户的满意度、品牌形象、转化率和技术创新等多个方面。因此,在前端开发过程中,我们应该高度重视UI/UX设计的作用和价值,与设计师紧密合作共同打造出优秀的产品。
|
3月前
|
前端开发 API
前端框架与库 - Material-UI组件库
【7月更文挑战第20天】Material-UI 是一个基于 React 的 UI 组件库,它遵循 Google 的 Material Design 设计规范,提供了丰富的预构建组件,极大地简化了前端开发过程。本文将深入浅出地介绍 Material-UI 的常见问题、易错点及如何避免这些问题,并附带代码示例,帮助你更好地掌握 Material-UI 的使用技巧。
114 0
|
4月前
|
前端开发 JavaScript Java
SSMP整合案例第六步 在前端页面上利用axios和element-ui与后端交互实现增删改
SSMP整合案例第六步 在前端页面上利用axios和element-ui与后端交互实现增删改
35 1
前端开发
15 0
|
3月前
|
前端开发
ElementPlus卡片如何能够一行呈四,黑马UI前端布局视频资料,element样式具体的细节无法修改,F12找到那个位置,可能在其他组件写了错误,找到那个位置,围绕着位置解决问题最快了,卡片下边
ElementPlus卡片如何能够一行呈四,黑马UI前端布局视频资料,element样式具体的细节无法修改,F12找到那个位置,可能在其他组件写了错误,找到那个位置,围绕着位置解决问题最快了,卡片下边
|
3月前
|
前端开发
Element UI 表格常用改造(表头添加注释、翻页连续序号【内含前端分页】)
Element UI 表格常用改造(表头添加注释、翻页连续序号【内含前端分页】)
167 0