当设计师遭遇HTML5（6）
作者：一叶苦雨 来源：网易用户体验设计中心 发布时间：2011-08-05 18:59:53
设计师应如何应对HTML5？
在了解了HTML5技术的优势、效果以及实现进度之后，设计师应该考虑自己接下来需要做些什么了。HTML5是互联网研发的必然趋势之一， 具有提高产品品质的巨大潜力。设计师唯有顺应这一潮流的发展，积极投身到HTML5的试验研发中，才能在时代的大潮中握有先机。那，我们应当怎么做抑或做些什么呢？笔者有几个浅薄的建议分享给大家：
形成企业的一致风格，增强识别性
现在的native app 都需要经过严厉的审核才能上架“应用商店”，即使如此，应用程序已经开始数量激增，找到一个满意的应用谈何容易。如果web app的时代到来，用户只需要通过浏览器就可以轻松使用某个应用程序，没有了“应用商店”的限制，应用程序产品的数量将难以估计。这个时候我们需要担心我们的产品会不会被淹没在其中。为了避免这样的悲剧，一个有效的办法是使同一个公司的产品具有一致风格，并且鲜明有特点，这样可以更有效的抓去用户的注意力，增强产品的识别性。
开始注重特定浏览器的适配
为特定用户而设计，也就需要为用户所使用的特定浏览器而设计。只有当我们控制了使用环境，我们才能控制确保用户角度的产品效果更好。也许HTML5的时代不需要再频繁的铺平台，但为特定的浏览器设计特定的效果是进一步提高用户体验的重要举措。
Google Wave是一个不错的例子。Google Wave试图把博客、邮箱、即时通讯以及wikis结合起来，成为一款强大的网络交流服务。它是由HTML5编写的，并不支持在所有浏览器上使用。虽然因为关注度不高被Google停止服务，但Google Wave作为一次尝试，已经在HTML5的发展道路上走了很远很远。
打破思维定势，注重运用技巧
这一建议来源于实际的工作，针对的也是实际工作中会遇到的情况。Web app 的设计工作中，所需要应用的HTML5技术效果往往没有那么多；即使有，团队中的RD也未必全都做得出来。其实用户不关心这个效果是使用什么编程语言完成的，用户关心的是交互是否顺畅、视觉感官上是否有品味。因此设计师需要在细节上注重提升web app的品质感，比如边框的设计，比如翻页的设计，比如子产品列表的设计等等。甚至可以尝试做一些“伪app效果”。这方面m.naver.com做得非常棒，布局设计、功能按钮的设计都酷似native app, 子产品的列表全部做成高品质的icon样式；其实 不过是一个图标加一个链接那么简单。
重视移动互联网
HTML5在移动互联网中的需求最旺盛，潜力也最大。适配碎片化严重的移动终端从长远看不是理想的办法，但现阶段还摆脱不了这一现实。现在我们所拥有的最好的移动实验平台是iphone，它的适配比例已经足够高了。如果做Html5新产品的API支持测试，建议还是使用iPhone.
总结
HTML5技术正引领互联网朝web app方向发展，这是互联网发展的必然趋势之一。Web app将越来越多的走到用户面前。设计师在面对HTML5技术的时候，既需要了解当前该技术可以实现的效果，又需要在实际的工作中不断摸索和总结设计技巧和策略。紧跟web app的发展，不断尝试，对设计师来说既是一次冒险，也是一次难得的机遇！
0
投稿猜你喜欢
- ASP的强大不仅仅局限于接受和显示的交互，更多的是运用ActiveX 组件进行更强大的Web应用。那究竟ActiveX组件为何物？
- 如题：只需要给定输出特征图的大小就好，其中通道数前后不发生变化。具体如下：AdaptiveAvgPool2d CLASStorch.nn.A
当向 MySQL 数据库插入一条带有中文的数据形如 insert into employee values(null,'张- 今天交流会上，分享前端的开发经验，有一条虽然很快带过，但是我倒是印象蛮深刻的，就写点小结来分享一下吧。不知道是标准害了大家还是大家害了标准，
- 什么是GhostNet模型GhostNet是华为诺亚方舟实验室提出来的一个非常有趣的网络，我们一起来学习一下。2020年，华为新出了一个轻量
- 语音识别工作原理简介语音识别源于 20 世纪 50 年代早期在贝尔实验室所做的研究。早期语音识别系统仅能识别单个讲话者以及只有约十几个单词的
- vue-cli npm解决vue项目中缺失core-js报错This dependency was not found:core-js/mo
- Token验证是验证用户身份的重要方式，在golang开发中具有广泛应用，文中主要阐述了利用jwt包加密后的token验证。导入包：impo
- 本文实例讲述了Python使用matplotlib绘制正弦和余弦曲线的方法。分享给大家供大家参考，具体如下：一 介绍关键词：绘图库官网：ht
- 1. 条形图的绘制plt.bar 方法有以下常用参数：x ：一个数组或者列表，代表需要绘制的条形图的x轴的坐标点。height ：一个数组或
- 很多时候我们会发现有的时候输出的结果特别多的时候，会在最后输出时用。。。代替，最后输出一个总长度，那要咋么弄咧？import pandas
- pandas处理大数据的限制现在的数据科学比赛提供的数据量越来越大，动不动几十个G，甚至上百G，这就要考验机器性能和数据处理能力。Pytho
- 骨骼识别的应用场景如今，当前疫情大环境之下。很多人，因为居家办公或者其他原因闷在家里不能外出健身。那么，借助骨骼识别和卷积神经网络模型，计算
- 用Python编写过批量修改文件名的脚本程序，代码很简单，运行也比较快，唯一美中不足之处是每次批量修改文件名时都需要执行以下步骤：1）复制文
- 一、Python包python包在开发中十分常见，一般通过导入包含特定功能的python模块包进行使用。当然，也可以自己创建打包模块，然后发
- JSONJSON 起源JSON 全称 JavaScript Object Notation 。是处理对象文字语法的 JavaScript 编
- Zabbix的简单安装配置说明1、在已有的LAMP或者LNMP的基础上安装zabbix，安装一些依赖包：yum -y install mys
- 我将示范微优化（micro optimization）如何提升python代码5％的执行速度。5％！同时也会触怒任何维护你代码的人。但实际上
- 背景：读取TXT文件，加载到kafka中，然后通过logstash消费kafka中的数据加载到es中第一步：导入相应的依赖包pip inst
- 前言最近写了个CNode 社区的微信小程序版本，把在微信小程序中使用npm包，踩的坑记录一下，希望能给遇到类似问题的小伙伴，提供一些思路和方
