web前端的个人简历(专业15篇)
通过总结,我们可以更清楚地认识到自己的优势和不足,进而做出改进和提升。写总结时,可以借鉴他人的经验和方法,但要注重创新和个性化的体现。有时候,一个简单的微笑就能改变一切,让我们感受到生活的美好。
web前端的个人简历篇一
婚姻状况:未婚籍贯:福建莆田市。
政治面貌:共青团员目前所在地:义乌稠州北路601号。
•求职意向。
期望职位:网页设计/电脑美工。
职位类型:全职工作地点:全国各地。
•工作经验。
工作经验:1年。
工作经历:
在校学生目前还没工作经历。
•教育背景。
最高学历:中专毕业院校:义乌市城职校。
所学专业:php程序员毕业时间:0-0。
第一外语:水平:普通。
计算机能力:精通其它能力:web前端开发。
所获证书:xxx。
下一页更多精彩“web前。
端面。
试注。
意事。
项”
web前端的个人简历篇二
向那些有需求、并看得出你在组织中的价值的人推销你自己吧。先从公司总裁、制造部门主管或销售部门副总等人着手。阅读招聘广告时注意公司的名称。如果所登的职务正适合你,就以广告为线索,研究该公司,认真作准备,再发一封强有力的信件给有权雇用你的人,设法取得面试的机会。
可以肯定,人事部门在你被雇用后对你的帮助,绝对比你还没有被雇用时大得多。
以下是小编j.l分享的web前端开发个人简历范文,更多个人简历模板下载欢迎访问简历网。
web前端的个人简历篇三
学历:大专身高:cm。
目前所在地:罗湖区。
毕业院校:武汉工程职业技术学院。
主修专业:哲学类=哲学。
工作经验:一年以上目前年薪:保密/年。
有效证件:身份证证件号码:*************。
技能专长:我是一个对工作认真负责,并且能在日常生活和工作中能处理好与陌生人、朋友和同事之间的关系。热衷于it行业,能吃苦耐劳,有较强的学习能力,且具备了良好的心理素质,有积极的上进心和强烈的责任感,有良好的敬业和团队合作精神。
求职地区:罗湖区福田区南山区宝安区龙岗区工资待遇:面议/月。
到岗时间:即时。
自我评价:我是一个对工作认真负责,并且能在日常生活和工作中能处理好与陌生人、朋友和同事之间的关系。热衷于it行业,能吃苦耐劳,有较强的'学习能力,且具备了良好的心理素质,有积极的上进心和强烈的责任感,有良好的敬业和团队合作精神。
发展方向:
起止时间就读院校名称主修专业学历。
2011.09~2013.11武汉工程职业技术学院软件工程大专。
工作经验(1)。
就职公司:武汉楚鼎信息技术有限公司公司行业:计算机软件。
就职时间:2013年3月到2013年9月就职部门:软件研发。
公司性质:其它就职职位:软件工程师。
工作描述:我主要参与过“oa办公自动化系统”和“图书管理系统”两个项目。“oa办公自动化系统”中我主要是用ssh和ajax等技术做其中的‘表单管理’模块和“图书管理系统”中的‘图书管理’模块。
联系方式。
姓名:
出生年月:1992-1。
性别:男。
身高:171cm。
婚姻状况:未婚。
籍贯:福建莆田市。
政治面貌:共青团员。
目前所在地:义乌稠州北路601号。
期望职位:网页设计/电脑美工。
职位类型:全职工作地点:全国各地。
工作经验:1年。
最高学历:中专。
毕业院校:义乌市城职校。
所学专业:php程序员。
计算机能力:精通。
其它能力:web前端开发。
web前端的个人简历篇四
为什么现在人们要获得一份工作还需要“求职”,就是因为现在好的就业岗位优先,而争取的人有非常多,在求职中呈现出非常激烈的竞争环境。那么,在求职的过程中就需要有较高的竞争力才能成功。你所写的个人简历如果没有针对性,知识泛泛而谈相对于哪些针对此职位的简历来说,就失去了竞争力。因此说,编写个人简历要有针对性,就呢求职的目标来写出个人简历,这样才能更好的突出求职的优势来。
在编写个人简历上求职目标是必要的,用人单位在对外招聘时一般都只是某一职位,或者某些职位,要有求职的意向才能有下一环节的筛选。那么,就其求职目标来写的个人简历,也就是有针对的个人简历。也就是说,有针对性的写个人简历是用人单位要求的。
求职是一个过程,在这样的过程中人们可能会有两个以上的目标,而且求职的目标企业可能还不是他同意性质的企业。不同的企业以及不同的.职位,对人才的要求不同,你所写的个人简历也需要针对不同的要求来写。
基本信息。
个人相片。
姓名:
应届毕业生求职网。
性别:
男
民族:
汉族。
1991年8月23日。
政治面貌:
团员。
婚姻状况:
未婚。
身高:
170cm。
体重:
60kg。
户籍:
广东广州。
现所在地:
广东广州。
毕业学校:
广州大学华软软件学院。
学历:
本科。
专业名称:
软件工程(软件开发)。
毕业年份:
联系电话:
×××××××××××。
电子邮箱:
×××@。
求职意向。
职位性质:
全职。
职位类别:
计算机/网络、经营/管理、销售/业务。
职位名称:
工作地区:
广州。
待遇要求:
可面议。
到职时间:
可随时到岗。
技能专长。
语言能力:
英语cet-4。
计算机能力:
精通。
综合技能:
3.掌握并能熟练运用word、ppt、excel等office办公软件;
4.掌握oracle、serversql、mysql数据库软件;
5.参加学校的“计算机协会”,对计算机各方面有一定的了解;
6.掌握struts、spring、hibernate三大框架和mvc设计模式。
教育培训。
教育经历:
时间所在学校学历9月-206月广州大学华软软件学院本科。
工作经历。
所在公司:××餐厅时间范围:年3月-2014年5月公司性质:私营企业所属行业:餐饮/食品/酒店/娱乐/旅游担任职位:在校兼职服务生工作描述:餐厅服务生离职原因:
所在公司:广州××××广告策划有限公司时间范围:10月-月公司性质:民营企业所属行业:广告/传媒/艺术/文化担任职位:设计实习生工作描述:主要负责广告设计素材的整理和优化,页面的排版和搜集客户资料。离职原因:
其他信息。
自我评价:
在四年的软件开发学习中,让我变得更有耐心,思维更活跃,也培养了我独立思考和自主学习的能力,在压力和困难面前我有很好的分析能力和解决问题的能力。我更是一位富有团队精神的人,能够相互协作和充分的沟通。
发展方向:
具备软件开发能力,谋求公司的网页前端开发职位。
本人热衷于网页设计,对网页响应式设计和ui设计有一定的了解,擅长运用div+css进行网页的排版和设计,能很好根据用户需求完成可用性、易用性、良好交互性和用户体验的网页。
其他要求:
希望贵公司提供职前培训。
更多。
web前端的个人简历篇五
姓名:
年龄:22。
目前所在:深圳。
求职意向。
人才类型:普通。
应聘职位:广告:美工。
工作年限:
职称:无职称。
求职类型:兼职。
可到职日期:随时
希望工作地区:深圳。
语言能力。
外语:英语良好。
粤语水平:优秀。
其它外语能力:
国语水平:优秀。
工作能力及其他专长。
工作经历。
**玩具有限公司。
年月:20xx-01~20xx-09。
公司性质:
所属行业:
担任职位:平面设计。
教育背景。
毕业院校:广州美术学院。
最高学历:本科获得学位:。
毕业日期:20xx-07
专业二:
web前端的个人简历篇六
dom结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。
dom操作——怎样添加、移除、移动、复制、创建和查找节点。
事件——怎样使用事件以及ie和dom事件模型之间存在哪些主要差别。
xmlhttprequest——这是什么、怎样完整地执行一次get请求、怎样检测错误。
严格模式与混杂模式——如何触发这两种模式,区分它们有何意义。
盒模型——外边距、内边距和边框之间的关系,ie8以下版本的浏览器中的盒模型有什么不同。
块级元素与行内元素——怎么用css控制它们、它们怎样影响周围的元素以及你觉得应该如何定义它们的样式。
浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题。
html与xhtml——二者有什么区别,你觉得应该使用哪一个并说出理由。
json——它是什么、为什么应该使用它、到底该怎么使用它,说出实现细节来。
二、少量提问。
现在有一个正显示着yahoo!股票价格的页面。页面上有一个按钮,你可以单击它来刷新价格,但不会重新加载页面。请你描述一下实现这个功能的过程,假设服务器会负责准备好正确的股票价格数据。
这个问题牵扯到一组我想要考察的基本知识点:dom结构、dom操作、事件处理、xhr和json。如果我要求你对换一种处理股票价格的方式,或者让你在页面中显示其他信息,就可以把更多的知识点包括进来。对于经验比较丰富应聘者,我也可以自如地扩展要考察的知识范围,最简单像josn与xml的区别、安全问题、容量问题等等。
我还希望应聘者给出的任何解决方案中都不要使用库。我想看到最原生态的代码,你就当页面中没有包含任何库。你说你对哪个库了解多少多少,但我不能把关于库的知识作为评判能力的因素,因为库是会随时间变化的。
三、解决问题。
做为一名前端工程师,最值得高兴的事莫过于解决同一个问题会有很多种不同的方法,而你要做的就是找出最合适的方法来。我在提问的时候,经常会在应聘者解释完一种方法后问他们还有没有第二种方法。此时我会跟他们说,假设你的这个方法由于种种原因被否决了,那么你还能不能给出另一种方法。这样做可以达到两个目的。
首先,可以测试出他们是否在毫无意义地复述书本中的东西。不能不承认,某些人确实有过目不忘的天赋,听他们在那里滔滔不绝地讲,你会觉得他们什么都明白。可是,只要一跟这些人谈到怎么查找方案无效的原因,以及能否拿出一个新方案来,他们往往就傻眼了。这时候,如果我听到“我不明白这个方案为什么不够好”之类的反问,心里立刻就明白我的问题已经超出了他们的能力范围,而他们只是想拿自己死记硬背的结论来蒙混过关。
其次,可以测试出他们已经掌握的(还是那句话,“想都不用想”)浏览器技术知识。如果他们对浏览器平台的核心知识有较好的理解,想出解决同一问题的不同方案根本没有那么难。
注意:所有问题都与浏览器技术相关。我不相信出几道抽象的逻辑题,就能够考出某人解决web技术问题的能力。在我看来,这无异于让素描大师画肖像,没有意义,也得不到任何有价值的信息。
四、有激情。
要成为一名优秀的前端工程师,最重要的莫过于对自己做的事要有激情。我们技能都不是从学校中或者从研讨会上学来的,因此前端工程师必须具备自学能力。浏览器技术的变化可谓日新月异,所以也只有不断提升自己的技能才做得到与时俱进。我虽然不能强迫谁必须多看博客、不断学习,但想应聘前端工程师的人恐怕还是必须这么做的。
五、最后一点。
计算机科学或者web设计方面的知识当然也有用,但那都是基本知识之外的东西。只要基本知识在那儿了,一切就都有了基础,想扩充知识面也不难。可是,如果等到正式上班以后,还得从头学习基本技能,那种难度是不可同日而语的。
下一页更多精彩“web前。
端面。
试题。
目及答。
案”
web前端的个人简历篇七
现在随着就业压力的增大,人们选择专业,学技术,首先想到的都是这门技术的就业和发展情况。那么web前端开发的就业前景怎么样呢?这里要告诉大家的是,所有计算机it行业的专业就业前景都是非常好的。
web前端是计算机行业里是比较年轻的一个成员,他可以说是由前期的网页制作转化来的。一个行业的兴起,是因为市场上对这个行业的大量需求,市场的需求决定了这个行业的发展前景。web前端开发就业前景怎么样?相信了解的人都知道,web前端在现在是一个人才库十分紧俏的行业。大多数人进入这个行业都是自学的,或者是半路出家,转行发展的,对于这样的人,入行容易,要想成为行业的精英却是十分困难的。
可从事的职位:
1、网页制作。
2、前端制作工程师。
3、网站重构工程师。
4、前端开发工程师。
5、资深前端开发工程师。
6、前端架构师。
web前端的个人简历篇八
要求:
1、有1年以上的前端开发工作经验;。
4、熟悉html5表现形式的制作及开发,有响应式页面开发经验优先;。
5、拥有基本的英语阅读能力;。
加分项:
3、apple重度患者。
4、开发经验。
5、有自己的开源作品或技术博客。
员工福利:
我们是否有缴纳五险一金?重要的事情说三遍!有!有!有!
重要的是我们还有:
1.元气福利:下午茶,新鲜水果;。
2.假期福利:双休、法定节假日、无需出差、各种带薪假期;。
3.小伙伴活动福利:郊游、聚餐、唱k、电影、中秋博饼、年终尾牙、户外拓展等。
web前端的个人简历篇九
尊敬的领导:。
你好!首先真诚地感谢你从百忙之中抽出时间来看我的求职信。我叫孟涛,毕业于河北北方学院计算机科学与技术专业的学生。借此择业之际,我怀着一颗赤诚的心和对事业的执着追求真诚的推荐自己。作为一名计算机专业的.应届生,我热爱本专业并为其投入了巨大的热情和精力。在几年的学习中,系统学习了计算机基础、计算机基本原理、c语言、c++、java、web编程、单片机等专业知识,具有扎实的计算机基础知识,并通过学习完成项目积累了较丰富的工作经验。
我在学习上勤奋严谨,具有很强的学习能力,很重视英语的学习,不断努力扩大词汇量,英语交际能力也有了长足的进步。同时,为了全面提升个人素质,我积极参加各种活动,这些经历使我认识到团结合作的重要性,也学到了很多社交方面的知识,增加了阅历,相信这对我今后投身社会将起重要作用。事业上的成功需要知识、毅力、汗水、机会的完美结合。我恳请贵公司给我一个机会,让我成为你们中的一员,我将以无比的热情和勤奋的工作回报你的知遇之恩,并非常乐意与未来的同事合作,为我们共同的事业奉献全部的真诚的才智。
万事亨通,事业蒸蒸日上!
此致
敬礼
web前端的个人简历篇十
我喜欢篮球和乒乓球,曾担任大学校篮球队队员。在篮球队中深刻体会到在大家共同努力下击败对手的成就感!对于计算机有着狂热的喜爱,虽掌握软件众多,但对编程情有独钟!在每一次解决了问题后都有一种成就感!我喜欢这种感觉,让我能沉迷于我的代码的世界中!爱好程序设计,喜欢开发自已的小型产品,追求技术上的满足感;稳固的架构,健壮的代码,团结的合作,是我的不懈追求。有良好的编程习惯,以及程序错误控制和解决能力,我爱程序员这个岗位,当每天敲着代码,听着音乐,是很快乐的.用心工作,用心生活!我可能不是最好的,最合适的,我觉得我是最有潜力的!
web前端的个人简历篇十一
学历:大专。
工作年限:应届毕业生。
工作地点:广州-不限。
求职意向:web开发工程师|软件工程师|网页设计/制作。
沟通能力强学习能力强有亲和力诚信正直责任心强阳光开朗。
工作经验。
(工作了2个月,做了1份工作)。
步步高。
工作时间:12月至2月[2个月]。
职位名称:实习生。
工作内容:根据公司所定的产量能按时完成并在别人指导下创建属于自己的方法,有效的增加了产量,并把技术传给徒弟。
教育经历。
205月毕业岭南师范学院计算机网络应用技术。
专业技能。
javascript:熟练经验:2年。
语言技能。
普通话:很好粤语:较好。
自我描述。
1、本人为人正直,善良,有责任心,能吃苦耐劳。
2、在校两年一直沉迷于学习,有两年的.前端学习经念。
4、在校连续担任宿舍长、php课代表帮助同学解决问题。
web前端的个人简历篇十二
在编写个人简历的时候,企业公司所需要的人才能力要能够体现出来。
个人信息。
性别:男。
民族:汉族年龄:27。
婚姻状况:保密专业名称:网络工程。
主修专业:计算机类政治面貌:团员。
毕业院校:福建师范大学闽南科技学院毕业时间:2014年7月。
最高学历:本科电脑水平:精通。
工作经验:两年以上身高:174cm体重:60公斤。
现所在地:新罗区户籍:新罗区。
求职意向。
期望从事职业:前端设计期望薪水:面议。
期望工作地区:新罗区福建厦门市福建福州市期望工作性质:全职。
最快到岗时间:三天内需提供住房:不需要。
教育/培训。
教育背景:
学校名称:福建师范大学闽南科技学院(2010年9月-2014年6月)。
专业名称:网络工程学历:本科。
培训经历:
工作经验。
公司名称:福建鑫亿胜网络科技有限公司(2016年3月-2017年1月)。
所属行业:互联网·电子商务公司性质:私营.民营企业。
公司规模:10~50人工作地点:
职位名称:技术主管。
工作描述:1、负责网站建设;。
2、为了维护和整理公司内数据,编写各种网页和数据库,利用脚本快速整理;。
3、维护公司网络安全;。
4、管理维护电脑等硬件设备。
公司名称:茶而美(厦门)生物科技有限公司(2015年3月-2016年2月)。
所属行业:互联网·电子商务公司性质:私营.民营企业。
公司规模:10~50人工作地点:
职位名称:美工。
工作描述:负责手机网站的维护,包括商品图片处理,上下架商品,后台数据库维护。
自我评价。
自我评价:1、本人品行端正,待人诚恳,谦虚好学,有很强的进取精神,有一定的沟通能力。2、性格活泼开朗,能够较快适应各种不同的工作环境并融乐其中;3、计算机能力强,较强的综合素质;4、责任心强,工作积极认真,能吃苦耐劳,勇于迎接新挑战。5、独立编写过一个手机外挂脚本。
语言能力。
语种名称掌握程度。
英语良好。
普通话良好。
个人简历在求职中所起到的是敲门砖的作用,很多人在求职中都非常重视个人简历的作用,一份个人简历写的好则其面试的机会就非常大。而有了面试的机会之后求职成功率业绩增大了很多,于是可以看出个人简历在气质中的重要作用。
那么什么样的个人简历能够提高通过率呢?自然是具有说服力的优秀个人简历。所谓的优秀个人简历也就是可以顺利通过筛选的简历,在个人简历中能能够体现自身的优势人,让招聘方看到自己的优势而动心。
首先,要先知道自己的优势在哪。
很多人都是说最了解自己的人就你自己,而实际上很多人在编写个人简历的时候都不能将自己的优势展现出来,这就是因为你对自己的`优势认识不足。比如说在擅长的爱好方面,诸如棋类游戏如果能玩的非常好,则也可以成为一种优势,能够体现自己在战术意识方面的能力。此外,还有很多其他方面的优势,诸如英语语言能力,计算机专业能力等等。
其次,还要能够根据气质目标来如初个人的优势。
一个人的有点以及优势有很多,但是在真正求职的时候,也不能全部都写上去,要知道优秀的个人简历要遵循简洁的原则。那么,在写出自己的优势时候,就要能够有选择性的提炼出更为重要优势。这种提炼的前提是要有一定的求职目标,以求职目标所需要的人才能力为标准,来对号入座的显示出自身的优势来。
web前端的个人简历篇十三
个人相片。
姓名:
性别:
女
民族:
汉族。
1973年4月27日。
证件号码:
婚姻状况:
未婚。
身高:
160cm。
体重:
48kg。
户籍:
河南洛阳。
现所在地:
河南洛阳。
毕业学校:
解放军信息工程学院。
学历:
本科。
专业名称:
计算机网络。
毕业年份:
工作年限:
十年以上。
职称:
中级职称。
求职意向。
职位性质:
全职。
职位类别:
职位名称:
工作地区:
待遇要求:
元/月不需要提供住房。
到职时间:
可随时到岗。
技能专长。
语言能力:
普通话标准。
教育培训。
教育经历:
时间。
所在学校。
学历。
1994年6月-7月。
郑州工学院。
大专。
6月-207月。
解放军信息工程学院。
本科。
培训经历:
时间。
培训机构。
证书。
工作经历。
所在公司:
自动控制研究所。
时间范围:
198月-年3月。
公司性质:
国有企业。
所属行业:
互联网、电子商务。
担任职位:
计算机软件-软件工程师。
工作描述:
年六月从郑州工业大学计算机应用专业毕业,在大学时所学课程有:c语言、汇编、basic语言、计算机硬件、计算机网格等,走入社会以后,自学delphi、vb、vc、c#等。1996年九月至3月在解放军外国语学院主要从事自动控制软件开发。例如伊川一电、二电水源地,禹州电厂、北京下花园电厂等自动控制软件开发。20五月至20三月在大连珍奥核酸公司从事软件开发工作。
自我评价:
我是一个对理想有着执着追求的人,坚信是金子总会发光的。回忆这么多年编程经历:成绩是最好的.简历。我为人热情、活泼、大方、勤奋,团队合作精神比较强。与人沟通能力好。要求自己永远没有最好,只有更好。希望贵企业给我阳光,我就能给一片灿烂。
技术方面:
1、掌握delphi、汇编、数据库程序设计。
3、网络日常维护;
4、计算机日常维修;
2011-3-31王玉红。
电话:13938852749、15565371309。
邮箱:shaotaowyh@。
qq:1048967206。
离职原因:
没有最好,只有更好。
其他信息。
自我评价:
1996年六月从郑州工业大学计算机应用专业毕业,在大学时所学课程有:c语言、汇编、basic语言、计算机硬件、计算机网格等,走入社会以后,自学delphi、vb、vc、c#等。1996年九月至年3月在解放军外国语学院主要从事自动控制软件开发。例如伊川一电、二电水源地,禹州电厂、北京下花园电厂等自动控制软件开发。2000年五月至2007年三月在大连珍奥核酸公司从事软件开发工作。
自我评价:
我是一个对理想有着执着追求的人,坚信是金子总会发光的。回忆这么多年编程经历:成绩是最好的简历。我为人热情、活泼、大方、勤奋,团队合作精神比较强。与人沟通能力好。要求自己永远没有最好,只有更好。希望贵企业给我阳光,我就能给一片灿烂。
技术方面:
1、掌握delphi、汇编、数据库程序设计。
3、网络日常维护;
4、计算机日常维修;
发展方向:
其他要求:
联系方式。
web前端的个人简历篇十四
学历:大专身高:cm。
目前所在地:罗湖区。
毕业院校:武汉工程职业技术学院。
主修专业:哲学类=哲学。
工作经验:一年以上目前年薪:保密/年。
有效证件:身份证证件号码:*************。
技能专长:我是一个对工作认真负责,并且能在日常生活和工作中能处理好与陌生人、朋友和同事之间的关系。热衷于it行业,能吃苦耐劳,有较强的学习能力,且具备了良好的心理素质,有积极的上进心和强烈的责任感,有良好的敬业和团队合作精神。
求职意向。
求职地区:罗湖区福田区南山区宝安区龙岗区工资待遇:面议/月。
到岗时间:即时。
自我评价:我是一个对工作认真负责,并且能在日常生活和工作中能处理好与陌生人、朋友和同事之间的关系。热衷于it行业,能吃苦耐劳,有较强的'学习能力,且具备了良好的心理素质,有积极的上进心和强烈的责任感,有良好的敬业和团队合作精神。
发展方向:
教育培训。
起止时间就读院校名称主修专业学历。
2011.09~.11武汉工程职业技术学院软件工程大专。
工作经验(1)。
就职公司:武汉楚鼎信息技术有限公司公司行业:计算机软件。
就职时间:3月到209月就职部门:软件研发。
公司性质:其它就职职位:软件工程师。
工作描述:我主要参与过“oa办公自动化系统”和“图书管理系统”两个项目。“oa办公自动化系统”中我主要是用ssh和ajax等技术做其中的‘表单管理’模块和“图书管理系统”中的‘图书管理’模块。
联系方式。
web前端的个人简历篇十五
一些网页优于其他网页,不仅仅是因为它们的内容、可用程度、设计或是特色等等。现代网页间根本的区别在于它们交互及动画细节。我们将分享一些从各种模型中获得的经验,同时分析为何这些简单的样式能够如此好用。
当我们设计数码产品时,我们常常使用诸如photoshop及sketch这样的设计软件。大多数从事此行业多年的人显然知道设计不仅仅是视觉呈现。然而,很多人依然继续创造静止的设计。steve jobs曾说了这样关于设计的话:“设计不仅是外形和感觉,设计关乎如何运作。”
我们对一个产品的体验印象是由一系列因素综合作用的结果,其中交互发挥了基础性的作用。我们再也不能认为用户界面只是是静态的设计,交互效果是之后才施加的。相反,我们应当从一开始就信奉网页的交互特性,将其作为网页的自然组成部分来考虑。
让我们来看看一些灵活交互形式的例子,以巧妙的动画,优雅的提升用户体验。
人们对于网页超链接总是褒贬不一。当你点击一个链接时,它有可能带你到任何地方,比如从一个产品页面到一个令人毛骨悚然的街边古老木偶商店网站,结果欠缺上下关联性。
书籍用户体验的一大好处在于它的线性关系。书中的每一章都是为最后做铺垫的。读一本经济学入门书籍时,你必须阅读第一章以帮助理解第二章的内容。当跳过一个章节,你会发现自己可能错过了一些东西,因而使自己对之后的内容缺少一定理解。在网页上,特别是那些较长的网页,这种情况不经意间就发生了。增加一个滚动动画效果能够弥补这种情况:
对比下面的例子:
对比上面“名称”锚点链接的预设行为和下面的动画行为。跳过内容不再是一种无意识的行为。它是一种确定操作。事实上,hope lies at 24 frames per second这个网页为其移动显示设置了一个菜单按钮,能够带你去到页面顶部,但没有任何动画。这让我花费更多时间去弄清楚实际发生了什么。
如我们上面看到的,过渡能够帮助用户了解界面的操作步骤和整套流程。没有什么比突然变化更显不自然的了,因为这种突然的变化在真实世界中是不存在的。让我们看看另一个例子:切换菜单。用户将“+”与增加内容或是展开一个元素的动作联系起来。将“+”翻转45°,“+”变成了被公认为“关闭”的界面元素——“x”。
这种简单的过渡完全改变了图标的意义。这样一个小小的细节意味着两种不同的体验感受,一种是用户必须猜测下一步将会发生什么,另一种是用户明确了解icon两种状态下表示的意思。如果你问我倾向于哪种,我会觉得状态切换那个体验要好得多。同时值得注意的是,加号反转方向总是与内容呈现动作保持一致,强化了信息的连贯性。
很多博客和新闻网站上的评论表单看上去都不是令人愉悦的元素。为什么呢?因为它们绝大多数都不够友好,不是吗?当你准备发表一条评论,你只是单纯希望输入评论而已。相反的,一种典型的表单会问你各种其他无关的东西,非常烦人。
为了促使用户发表更多评论,我们可以折叠表单,仅仅展现最为关键的元素:评论框。当用户点击输入框,你可以相应的展开表单。我们可以在纽约时报测试版网站上找到这种进阶展开的实际例子。
你可以更进一步,在展开表单时光标聚焦评论框。然而这一方法有一个问题:一个关键的交互设计原则是这样说的,行为应发生在离交互产生最近的地方(焦点附近)。因此我们还可以再进一步,为评论框增加动画来引导用户注意到评论框上:
你甚至可以将评论框固定至顶部,根据用户的操作展开,展现它下面更多的内容。
将评论折叠,并用滚动条表示正文的长度,而不是整个页面的长度。一个常见的做法就是当用户到达页面底部的时候自动加载评论。我们应该避免强制用户点击,除非有更好的理由这样做。
最为令人兴奋的交互之一便是在iphone发布后短时间出现的由loren brichter开创“下拉刷新”。它允许用户更新滚动显示的最新内容。你可以在的app上看到这个设想的效果。一旦你滚动到的顶部,再滚动一小段便可以刷新真个信息流。
为什么它效果如此好呢?在下拉刷新出现前,用户需要点击浏览器的刷新按钮来加载更多内容。将用户发现更多内容的期望和刷新动作联系起来,这个明显的刷新动作就可以舍弃掉了。
标签贴靠是另一种用户界面组件中精妙且有用的集合同时也是非常有意义的过渡动画。看下edenspiekermann工作室的网站在自己的作品展示上怎样利用这项技术的。
项目的标签跟随内容滚动,从而为右侧的图片提供上下文指示,直到下一项出现。这个动画跟ios的联系人界面很像,他们对于长列表界面的上下文指示特别有用。这个过渡动画不仅可以帮助快速定位而且流畅的展示了上下文关系。
可供性这个概念来自于认知心理学,它指的是物体可以指示观察者操作的特殊属性。
从用户界面设计角度,eu的在线pdf《可用性词汇表》对“可供性”定义如下:
可供性是用户界面的理想属性——如此软件才能自然的引导人们进行正确的步骤来完成他们的操作目标。
视觉上的突起常被用来增强可供性。突起的按钮暗示按钮能操作。这个用户体验的手法被广泛应用与ios的拍照软件中。
ios 6的锁屏界面上,照相机icon上下设计了几条棱线,暗示这里可以拖拽。因为用户习惯了这种快速打开照相机的方法,苹果公司在ios 7里去掉了棱线的设计,将相机的icon做得更像是一个独立的按钮。它的相关操作还是一样的:拖拽按钮的时候,锁屏界面向上弹起,展示下面的照相机界面。这是一个向用户表明界面中产品特征的非常棒的方法。
ios上的chrome从最初版本就有这种情境隐藏的例子,它是这样处理的:
基本理念是当用户自然的向下滑动页面开始浏览时,chrome的导航工具栏会自动隐藏。当用户回滚页面时,导航工具栏会再次出现。这样做既使体验更加情景化(聚焦在内容本身)也增加了屏幕的显示区域。而后者在移动终端上显得尤其重要。
潜在的设想是用户会顺势滑动浏览他们专注的内容。一旦用户停止滑动页面,可能就需要变化用户的操作场景了;因此,导航工具栏再次出现。既然这种技术节省了屏幕空间,你可以试一下在你的操作场景里是否适用。
ios在这方面更进一步。当你滑动到页面底部的时候,工具栏也会再次出现。这是一个非常好的动态结合用户在界面操作需求的例子。
大概一周之前,一位多伦多的ui设计师nikita vasilyev,有了一个特别巧妙的想法。他开发了一套页面焦点跳转的脚本。尽管方案还在实验阶段,但是概念特别有意思。看下下面的视频。(记得带上你的耳机——音效也很华丽)。
查看视频
当用键盘切换焦点的时候,用户光点击tab键无法知道焦点跳到那里了。这个小的动画告诉了人们焦点在位于页面中的何处。动画虽然很小但对于引导用户却有非常大的影响。