FIG 8-1一个最小公分母设计
有三个元素是打造优秀的移动用户体验不可或缺的:环境,信息架构,以及视觉设计。这一章重点关注视觉设计部分。视觉设计是你的所有设计的一个最直观的表现;它关系到用户对你的应用的第一印象。好的设计能够提升用户对你的网站或是应用程序的期望值;而坏的设计将导致用户降低对你的服务的期待。
用户的期望值将转化为经济效益和品牌信用。在移动领域,目录往往是“免费”的(但用户仍需为具体的数据付费),如果你在目录中呈现的内容不够丰富,那么用户通常不会有太高的期望值。如果网站结构混乱不堪,并且下载速度又特别慢的话,用户的期望值只会进一步下降。在应用下载领域,apps设计更加健壮,用户购买app时通常并不完全了解自己下载的应用。比如,他们可能只是看了一下你的应用程序或是游戏的截图就做出了决定。但如果你的设计无法让他们有很高的期待,那么你的工作可能从此就石沉大海了。你的设计,将给用户留下第一印象,这也会直接决定用户是会在你的产品上花费5秒钟,5分钟,还是5个小时的时间。
这给移动设计提出了一个最大的挑战:创造性。创造性并不单单是设计师有新颖的想法就足够了的。有些设备可能根本就无法支持你的复杂设计;比如在许多低端的手机上,所谓的移动web体验可能就是一些连接而已。但是每个设备都有针对这个设备的最佳体验;这取决于你如何充分利用应用程序的运行环境和载体了。
电脑上有一个称作“最小公分母”的策略:为了让产品能够在各种平台上运行,你让你的产品以最通用的组件在各个平台上执行(参见FIG8-1)。电脑上的平台只有有限的几种,所以这个策略只是一个不错的想法,但是在移动开发环境中,各种不同的设备成百上千,所以这一策略显得非常有必要。
建议可以先按照这种“最小公分母”的方式开始你的移动设计。作为一个设计师,你需要问自己“如何将我要表达的内容在尽可能多的设备上以可视化的方式呈现出来?”从最基础的设计开始,确保能够得到各种设备的支持。只有当你确认设备平台能够支持你要新增的功能时,再往你的设计中加入更加丰富的内容。如果你的设计太过复杂,也不考虑平台是否能够支撑的话,那么注定你的设计恐怕将无法成功。
文章来源:
Mobile design
译文来源:http://www.webapptrend.com/
WebAppTrend是一个独立的技术博客,关注WebApp前瞻和实践,以及智能浏览器发展
请大家在关注CSDN的同时,关注我们的新浪微博 @WebAppTrend,关注我们的腾讯微博@WebAppTrend,欢迎加入我们的:193775364
分享到:
相关推荐
webapp开发的最佳实践与中文总结,非常热门的web app开发必备资料!
教育移动WebApp开发实践.ppt
Web基础——WebApp之初体验(三)
webapp设计尺寸规范,好的规范,铸就明天的你
Webapp设计与实践:必胜宅急送背后的思考.pdf
webapp之设计尺寸转css-rem尺寸,从而适配所有移动端分辨率
移动考勤webapp源码.rar移动考勤webapp源码.rar移动考勤webapp源码.rar移动考勤webapp源码.rar
Clouda是基于node.js的Webapp开发框架,在使用Clouda时需要安装node.js和MongoDB。 Clouda 是百度推出的一款面向资深开发者的WebApp开发框架。在Clouda中开发app,可以在多终端下实现数据同步、任务迁移。并且Clouda...
C# Webapp C# WebappC# WebappC# WebappC# WebappC# WebappC# Webapp
1.了解Web工程概念及与传统软件工程的区别 2.理解WebApp的概念、特点和开发过程 3.掌握WebApp的分析、设计和测试方法 4.掌握WebApp综合开发方法及课程设计过程
主要用于webapp开发代码编辑,主要用于手机网页版转换成webapp
CSDN_针对移动终端的WEBAPP开发_ChaiChunyan
1、AppFramwork框架,针对HTML5浏览器和移动设备开发的javascript框架,是个极其快速的查询选择库,具备跨平台平台特性。该特性解决了学生,家长,老师智能终端多样化的问题,应用开发一次,可以使用在多种机型和...
webapp 页面交互与布局webapp 页面交互与布局webapp 页面交互与布局webapp 页面交互与布局
从0到1实战移动WebApp.txt
ASP.NET高校移动考勤webapp源码 注意:不带技术支持,有帮助文件,虚拟商品,发货不退,看好再拍。 开发语言 : C# 数据库 : SQL2008 开发工具 : VS2010 源码类型 : WebForm 源码描述:这个项目就是专为大学中 班级...
Android应用程序之WebApp开发实战。。。。。。。。。。。。。。。。。。
webapp开发教程之将html网页打包成app的4种方法.zip
通过组件方式开发webApp 整个项目的源码
training/webapp镜像,方面一些内网用户无法直接pull镜像时下载: 使用方法: docker load -i training-webapp.tar.gz