全球旧事资料 分类
电话”的h5应用还没有优化好,能做的改进的地方还有很多,leader詹老师让我先把招聘网站做好,h5应用先放放,他给了我大街网做的“中国好offer”作为参考,拿到之后确实感觉这些页面都做得很好,詹老师搜集的资源确实十分丰富,从实习到现在他发给我的参考很实用,在看完了五六十个h5的招聘页面之后开始构思,在将产品架构基本做好后,测试又发现很多问题,有技术层面的,但更多的设计本身的问题。技术的细节的问题:基于jquerymobile的开发框架国内的资料十分有限,不得不查阅原始的英文api,很多问题也只能去jqm的论坛查找,这些都十分考验英文阅读能力。css的布局问题繁杂,在各个浏览器,各个应用的渲染都不一样,也是很折磨人的过程,我现在就碰到了css中fo
tweight属性在safari没有渲染的问题,至今没有解决。
f逐渐体会到前端工作的繁琐与细节,需要学的东西很多,有时候可以凭自己一些小聪明在当前解决,但并没有摸到问题的根源,扬汤止沸不是长久之计,但又好像没有足够的时间来系统的摸索,我只能先将这些问题一一记下来。这些技术的体会是一方面,另一方面便是产品的设计层面,现在就是因为产品快做好后发现有很多地方犯了低级错误,以往的纸上谈兵头头是道,等到自己亲身实践却感到把握不住很多设计原则,比如界面设计给用户造成的不必要的干扰,功能可见性的不足,逻辑上的不严谨,以下我归纳了下岗做好的h5界面存在的交互问题:
1页面的设计初衷是左右滑动来切换页面,但给几个朋友测试后都不能进入页面后就自然而然的知道是左右滑动。
2joi
us的图标给用户是按钮的错觉,在测试中很多用户以为是按钮,都会下意识的点击。
3交互效果的乏善可陈,与滑动的逻辑似乎也没有太大关联,只是单纯的加入了一些css3的动画。
4用于提示左右滑动的动态箭头会让用户以为是点击作用
改进:
1放弃joi
us图标
2改为上下滑动,箭头提示更改
3重新设计图标摆放结构
f总结:这次的h5页面主要在于设计问题,事先并没有完全构思好原型就急切投入到代码的编写中,这种开发方式本身是十分幼稚的!
fr
好听全球资料 返回顶部