前端和用户体验

虽说俺是个前端工程师,写写代码生成网页就行了,然而这几年工作下来养成的严谨精神和对美学的追求,反而对用户体验的要求越来越高。很多人觉得用户体验是交互和设计负责的领域,前端只要负责生成代码就行。其实作为一个有经验的前端工程师,很有必要弄清楚自己在整个网站开发过程中的地位,以及明白在用户体验这块所具有的影响力。

前端是UI部分最后的也是最全的质量控制员。因为页面的静态代码包括动态交互都是由前端来实现的,这样就会涉及到方方面面的细节。在重构的过程中,我常常以一个普通用户角度去揣摩这样的设计是否符合用户的使用习惯。一般情况下发现一些细节上的不足我首先会去找设计,在设计认可的情况下去跟产品经理和交互设计师知会一下。PC端的设计跟移动端的设计有着很大的区别,比如“回到顶部”这个按钮。移动端一般要设计成正方形,大小跟一个应用的icon尺寸类似。这样既不过分遮盖界面内容展示(一般来说“回到顶部”的按钮是个随着页面滚动而滚动的按钮即fixed按钮,并且被设计成半透明),也不会造成用户点击失败;而PC端可以是竖着的长方形可以是一个文字链接。在最近的一个移动项目中,设计师把“回到顶部”的功能按钮做成了一个文字链接,跟产品经理提建议之后,对方认为客户已经认可了这个设计方案,我们就不再做设计上的更改(外包公司的弊病,只要客户没意见,我们只要按时完成作业就行了)。。。

用户体验的另一大部分是产品的性能。作为一个前端,能在性能上做的事无非是减少或者延迟HTTP请求、减少代码量和提高代码效率。减少请求的方式也就是合并js、css代码,图片合成图片精灵,有些小图片可以用base64代替,或者直接用css3来实现;把一些不在页面渲染时候需要的js代码(如googleAnalytics.js)放在body的最下面,这样不会影响页面的加载,用户不会因为js加载的未完成而影响阅读。减少代码量就是在压缩代码上下点功夫,有工具实现,很简单。其实对于一个程序员来讲,最能体现他能力的还是在编程技巧方面。至于怎样提高编程技巧以提高代码性能我这就不在多说,个人有个人的经验。

总的来说,前端对于用户体验的知觉大部分是在UI上,一边做一边想,多思考,让自己的产品越做越有成就感。

前端和用户体验

时间: 2024-10-10 10:26:54

前端和用户体验的相关文章

用户体验注意事项(小程序开发)

写在前面 最近一直都在开发小程序,关于如何开发小程序的这里就不提了,因为有前端基础的人,看看官网文档就能写小程序了,这里总结我在开发小程序当中有关用户体验的一些问题.对于前端来说用户体验是非常重要的,技术在好的网页,用户体验没做好,也是枉费的.      具体注意事项如下 加载相关(加载动画是很重要的) 1. 所有的加载都需要加入加载动画,除非是个别接口是用户无感知的: 我们在项目中主要用到了两种加载动画,第一种全屏加载动画,见图一,放在屏幕中间显示,第二种底部加载动画,见图二,放在屏幕底部展示

聊聊java工程师眼中的前端工程师、UED用户体验设计

几年前很多公司都没有专业的前端工程师,时至今日很多公司由于种种原因也没有.现在很多中大型公司前端工程师已经很常见.为什么?  前端工程师的作用: 1. 前端代码质量更加专业 2. 功能更强,用户体验更高 3. 解放java工程师,通过严格的ajax的http接口请求方式与后台java交互,前端后端代码分离,便于维护管理      目前流行的前端: 1. 将多个图片合成一个大图片,利用CSS背景图片的的偏移技术呈现到网页上面,避免多个图片一个个下载 2. js基本min化 3. 充分利用游览器的c

前端开发中的一些用户体验细节

本文主要谈一谈在实践中,面对一个产品,或者是一个具体的功能点,也可能只是一个按钮,一次点击等等,以前端开发工程师的视角,如何关注用户体验,以及一些需要注意的细节问题,嗯,只说细节问题. 1.事先给我一点提示 路过一个这么漂亮的按钮,很有心情发表一篇日志谈论一下天气:结果点击之后告诉我“您目前没有权限添加日志”,关键是它还要跳转到一个新页面说这个事情,很不安逸.可不可以事先就说清楚?不让点击,变色,文字提示,或者你用个小弹出层提示也成啊. 看着这么醒目的小气泡,非常忍不住点击“小喇叭”看看:嗯,小

[转]改善用户体验 Web前端优化策略总结

前端是庞大的,包括HTML.CSS.Javascript.Image.Flash等等各种各样的资源.前端优化是复杂的,针对方方面面的资源都有不同的方式.那么,前端优化的目的是什么? 1. 从用户角度而言,优化能够让页面加载得更快.对用户的操作响应得更及时,能够给用户提供更为友好的体验. 2. 从服务商角度而言,优化能够减少页面请求数.或者减小请求所占带宽,能够节省可观的资源. 总之,恰当的优化不仅能够改善站点的用户体验并且能够节省相当的资源利用.前端优化的途径有很多,按粒度大致可以分为两类,第一

高性能极致用户体验前端开发实战

课程介绍 高性能极致用户体验前端开发实战课程适合所有前端开发学习或者从业者,结合目前前端开发的最佳实践,提供前端网页性能分析优化知识,结合实际项目经验分析可以采用的优化思路,并给出开发高性能极致体验网页的通用方法和技巧. 课程官方博客:前端学堂 在开始学习本课程之前,先提2个基本要求: 了解业务 作为一名合格的前端开发,我们的开发工作不是盲目的,我们的优化目标需要明确,所以首先要了解你所做的业务.不仅要知道整个业务背景,还需要了解业务需求,业务目的,最后最好能拿到业务结果. 了解业务的目的是能让

PWA-让前端网页媲美原生APP的用户体验

一.背景 从2018年到现在,作为号称下一代web应用模型的PWA,逐渐成为了一个各大前端厂商争先恐后进行涉足,布局的一个新的技术, 其主要的对标物Native app,作为现在最主流的mobile端应用,它的安全,性能,用户体验的确明显领先于其他互联网载体,但是原生App始终有一些缺点,比如 1. 昂贵开发成本 2. 软件上线,版本更新都需要发布到不同的商店,并通过审核 有些APP你可能使用频率特别少,但是你还是不得不去商店中下载庞大安装包,或者可能一段时间不使用以后,随着版本的更新,你也不得

15个最佳的用户体验和用户界面工具和资源

无论你是新手还是专业的网页设计师或者开发人员,你总是从创建线框开始来创建 Web 项目,而不是直接开发. 这不仅有助于让你保持在正确的轨道上,以免项目建成后出现了各种各样的问题. 目前有很多的工具和资源都能网上找到,使你的工作更容易.这里给大家推荐15个最佳的用户体验和用户界面工具和资源. 您可能感兴趣的相关文章 Web 前端开发人员和设计师必读精华文章推荐 精心挑选的优秀jQuery Ajax分页插件和教程 12个让人惊叹的的创意的 404 错误页面设计 让网站动起来!12款优秀的 jQuer

高性能的移动用户体验是这样炼成的!

在人际关系中,良好的第一印象是很重要的,人们愿意在彼此身上寻求信任与诚实,并期望在接下来的经历中重现和增强这些好感.相同的道理也体如今移动应用或互联网产品中.在打造良好的品牌信誉及其与终端用户之间持久信任关系的过程中,"设计"扮演着极其重要的角色. 在用户的期望中,移动应用应该是准确.友好和高效的.然而,移动设备自身的局限性确实为产品的设计带来了不少挑战.要打造值得信赖的移动应用用户体验,产品在性能方面的表现是极其重要的关键因素.  本文中,我们将对移动应用的设计与性能表现之间的关系进

资深APP定制公司必须专注于企业用户体验

在如今这样的互联网时代当中,几乎传统产业都面临了一个变革.更新阶段,需要更好的在这个时代生存下去,深度拥抱互联网成为了避无可避的选择,这个时候不少企业都选择了APP定制形式,进而开发出了属于自己的APP来帮助企业达到一个更好的营销推广目的. 如今APP定制过程当中有着几大核心板块,包括前端程序开发.后台程序开发以及视觉效果设计等,大多数企业都不具备这样的APP开发设计,这个时候寻找资深APP定制公司,可以获得一流的服务以及高质量的APP产品.选择资深APP定制公司有着什么样的特点呢? 1.APP