有三个元素是打造优秀的移动用户体验不可或缺的:环境,信息架构,以及视觉设计。这一章重点关注视觉设计部分。视觉设计 是你的所有设计的一个最直观的表现;它关系到用户对你的应用的第一印象。好的设计能够提升用户对你的网站或是应用程序的期望值;而坏的设计将导致用户降低 对你的服务的期待。
用 户的期望值将转化为经济效益和品牌信用。在移动领域,目录往往是“免费”的(但用户仍需为具体的数据付费),如果你在目录中呈现的内容不够丰富,那么用户 通常不会有太高的期望值。如果网站结构混乱不堪,并且下载速度又特别慢的话,用户的期望值只会进一步下降。在应用下载领域,apps设计更加健壮,用户购 买app时通常并不完全了解自己下载的应用。比如,他们可能只是看了一下你的应用程序或是游戏的截图就做出了决定。但如果你的设计无法让他们有很高的期 待,那么你的工作可能从此就石沉大海了。你的设计,将给用户留下第一印象,这也会直接决定用户是会在你的产品上花费5秒钟,5分钟,还是5个小时的时间。
这 给移动设计提出了一个最大的挑战:创造性。创造性并不单单是设计师有新颖的想法就足够了的。有些设备可能根本就无法支持你的复杂设计;比如在许多低端的手 机上,所谓的移动web体验可能就是一些连接而已。但是每个设备都有针对这个设备的最佳体验;这取决于你如何充分利用应用程序的运行环境和载体了。
电 脑上有一个称作“最小公分母”的策略:为了让产品能够在各种平台上运行,你让你的产品以最通用的组件在各个平台上执行(参见FIG8-1)。电脑上的平台 只有有限的几种,所以这个策略只是一个不错的想法,但是在移动开发环境中,各种不同的设备成百上千,所以这一策略显得非常有必要。
建 议可以先按照这种“最小公分母”的方式开始你的移动设计。作为一个设计师,你需要问自己“如何将我要表达的内容在尽可能多的设备上以可视化的方式呈现出 来?”从最基础的设计开始,确保能够得到各种设备的支持。只有当你确认设备平台能够支持你要新增的功能时,再往你的设计中加入更加丰富的内容。如果你的设 计太过复杂,也不考虑平台是否能够支撑的话,那么注定你的设计恐怕将无法成功。
文章来源: Mobile design
发表评论
-
响应式Web设计资源整理
2012-03-02 22:50 809这篇文章是对以往发表在Smashing Magazine上关于 ... -
投身移动开发必须知道的20件事
2012-03-01 23:42 722移动开发需要具体的设计考虑。这个所指的范围非常广,可以从“ ... -
聘用NodeJS开发者的六个建议
2012-03-01 23:41 794假设你正想聘用一名Node ... -
[摘要]Vision Mobile发布2012跨平台开发工具报告 PhoneGap最受欢迎
2012-03-01 23:41 874国外知名调查分析机构V ... -
Facebook发力Mobile Web 推出支付和测试工具
2012-02-28 23:49 790Facebook入场了,在MWC大 ... -
【数据】《移动优先》作者:为什么移动如此重要?
2012-02-28 23:48 903三 年前,前雅虎用户体验总监Luke Wrobl ... -
重新审视Mobile Web
2012-02-28 23:48 673作者简介:Byron是一个 ... -
WebAppTrend周刊:Google Chrome工程师推出Web App开发指南
2012-02-26 00:52 1189从本周起,WebAppTrend将精选一周内(2月20日~2月 ... -
Google Web App开发指南第四章:构建优秀的Web Apps
2012-02-24 23:13 1250构建漂亮的应用 一个web app 的视觉设计不仅 ... -
零基础学习Sencha Touch(资料和教程集合)
2012-02-23 00:41 1256译者注:本篇文章为开发者提供了零基础使用Sencha To ... -
Google Web Apps开发指南之项目样例(上)
2012-02-23 00:41 901如果缺少项目案例部 ... -
如何一步一步制作出高品质Infographic?
2012-02-20 21:23 952译者注:Infographic就 ... -
海豚浏览器CTO刘铁锋:Mobile Web App发展现状及展望
2012-02-18 00:10 852在计算机的发展过程中 ... -
海豚浏览器CTO刘铁锋:Mobile Web App发展现状及展望
2012-02-18 00:09 0在计算机的发展过程中 ... -
新手必读:PhoneGap入门六大问题
2012-02-18 00:08 996很多PhoneGap新手总是需要一些基础问题的解答,Ado ... -
Google Web App开发指南第一章:什么是Web Apps?
2012-02-18 00:07 893很多人向我问起学习HTML5技术的权威入门资料,我总是毫不 ... -
Lanyrd是如何应用HTML5创建出优秀的移动Web应用的
2012-02-15 00:28 624当很多人都在等待观望 ... -
Appcelerator收购Cocoafish,旨在为Titanium平台提供即时移动云服务
2012-02-15 00:17 885译者注:Appcelerator是 ... -
Android官方文档之Web Apps最佳实践
2012-02-15 00:14 648为移动设备开发web页面或者web应用与为桌面浏览器开发web ... -
Android官方文档之Web Apps调试
2012-02-15 00:13 885概览 你可以使用控制台的Javascript方法调试你的w ...
相关推荐
webapp开发的最佳实践与中文总结,非常热门的web app开发必备资料!
教育移动WebApp开发实践.ppt
Webapp 设计与实践:必胜宅急送背后的思考.pdf 文件提供了深入浅出的见解,讲述了餐饮业在移动消费趋势下的 O2O 模式实践, Web app 设计的重要性及其在 O2O 双向流程中的应用。 一、O2O 模式下的餐饮业发展趋势 ...
Web基础——WebApp之初体验(三)
webapp设计尺寸规范,好的规范,铸就明天的你
webapp之设计尺寸转css-rem尺寸,从而适配所有移动端分辨率
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综合开发方法及课程设计过程
training/webapp镜像,方面一些内网用户无法直接pull镜像时下载: 使用方法: docker load -i training-webapp.tar.gz
主要用于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 整个项目的源码
idea开发webapp 热部署idea开发webapp 热部署idea开发webapp 热部署idea开发webapp 热部署idea开发webapp 热部署idea开发webapp 热部署idea开发webapp 热部署idea开发webapp 热部署idea开发webapp 热部署idea开发...
webapp开发教程之将html网页打包成app的4种方法.zip