您的位置: 首页 > 艺术设计 > 设计理论 > 从网站到移动客户端应用
线框图的本质及实践应用概述 回到列表 微窗口大世界-微视项目总结
 从网站到移动客户端应用

作者:C7210 时间: 2011-11-23 文档类型:转载 来自:Be For Web

第 1 页 从网站到移动客户端应用 [1]
第 2 页 从网站到移动客户端应用 [2]
第 3 页 从网站到移动客户端应用 [3]

如果你一直以来从事着相对传统的交互、视觉等方面的Web设计工作,而如今开始打算扩展视野、提升技能、随“机”应变,做一名移动互联网的弄潮儿...那么本文很适合你阅读。相关领域中的几位牛人会在接下来的时间里带给我们一些很实在的经验之谈。全文大致分为三个主题:

  • Web设计师需要学习哪些知识和技能,才能进入移动应用的设计和开发领域?
  • 从设计的角度讲,移动客户端应用与传统网站页面之间的主要区别在哪里?
  • 怎样提升移动客户端应用的用户体验?设计师需要特别注意哪些?

开始进入正题。现如今,到处都有人在谈论移动应用方面的话题,从视觉外观到交互体验,这个那个的不亦乐乎实际的统计数字也是蛮惊人的。最近,一份来自Flurry的研究报告显示,用户(美国地区)每天使用移动应用的时间,平均下来是81分钟,已经超过了平均74分钟的上网时间。

chart-mobile-app-vs-web-consumption-2011

在这个世道里,身为用户体验设计相关从业人员的你,无论一直以来的主攻方向是交互、视觉还是前端,也许现在都已经开始琢磨着探索移动应用的相关领域了。

本文中,我们将从三个主要问题入手,与几位业内专家进行探讨,看看他们在“转型”方面有哪些看法和建议。

Web设计师需要学习哪些知识和技能,才能进入移动应用的设计和开发领域?

Josh Clark (设计师、开发人员,著有《触动人心 - 设计优秀的iPhone应用》一书,译者老包)

说到正经八本的设计技术能力,在入门阶段其实没太多新东西需要学。我们完全可以使用已经轻车熟路的HTML、CSS和 JavaScript创建出用户界面非常优秀的客户端应用。别误会,我不是在谈论Web App形式(什么是Web App?请参考我们之前关于网站移动化方法的文章),我是指所谓的“混合型应用(hybrid apps)”,这是一种将基于HTML等前端技术实现的用户界面搭载在原生客户端上的方式,相当于为Web App穿上了原生客户端的外衣,并放到App Store当中。对于希望转型的传统Web设计和开发人员,这种方式是个不错的起点。

关于“混合型应用”,Jonathan Stark写了两本很棒的书,分别是《构建iPhone企业级应用—基于HTML, CSS 和JavaScript》以及《使用HTML、CSS和JavaScript开发Android程序》,书中展示了怎样使用开源框架PhoneGap创建这种混合形式的客户端应用。

作为入门是不错,但混合型应用在太多方面无法与原生客户端应用相提并论。如果你想打造在视觉及动画效果等方面都更加原汁原味的、特别是需要发挥设备硬件本身各种功能的应用的话,原生客户端应用仍然是不二之选。这就意味着你需要学习使用面向对象C语言(Objective-C)去写iOS应用,或是使用 JAVA来打造Android版本。这些都是实实在在的编程语言,对于我们这样的Web设计相关人员来说,学习的难度会骤增;通常,我们可以与经验丰富的开发人员搭档,由他们将设计思路和方案通过代码实现出来。

即使这样,我们也无需扔掉HTML、CSS、JavaScript或是相关的Web App前端开发框架——这些工具可以帮助我们在开发原生应用的过程中创建快速原型——无论视觉还是交互方面都相当高保真的快速原型。

说到设计工作本身,特别在用户体验方面,移动应用与传统网页之间还是有着显著差异的。有两点需要特别注意:人机交互方式与使用场景。

  • 对于移动设备来说,你需要面对和解决的交互设计方面的问题会有很多,和以往不同,你现在是在为手指做设计。你必须考虑的一个问题是,怎样的页面元素布局可 以让拇指自由的操作并充分的休息。另外,当用户在进行操作时,界面的一部分必然会被拇指遮挡住,所以要尽量保证控制元件的布局不会干扰到实际内容。类似这 样的问题还有很多,多数可以归纳到“舒适度”与“可视性”这两方面。这也是多数触屏智能手机会将主要控制元件或导航一类放在屏幕底部的原因——而这些与传 统Web设计的习惯正好相反。
  • 你需要知道用户多数会在怎样的环境下以怎样的方式使用客户端应用。对于这个问题,我们通常有个误解,就是觉得用户都会在很忙很赶、无法集中注意力的情况下使用应用。其实这只是实际情况的一部分,“移动应用”并非只在移动的状态下被使用;很多时候,人们会在沙发上、在厨房中、在机场候机时进行操作。在这些场景里,用户拥有足够多的操作时间,注意力也可以非常集中。另外,移动设备在很多方面的功能是超越桌面计算机的,譬如GPS、内置麦克风及摄像头、触控、陀螺仪、罗盘等;基于这些功能打造的不同类型的客户端应用,它们所对应的使用场景也各有不同

不要过于自信的假设用户的意图。移动应用未必代表功能的简化,当你告诉自己“用户并不需要在移动版本中使用这个功能”时,你也许是错的。回忆一下你是否有这样的经历:在移动设备的浏览器中打开一个你所熟悉的网站,却发现页面跳转到了所谓的移动版本,不仅在视觉和操作上与你的习惯不符,更糟的是也许它所简化掉的功能正是你所需要的。虽然用户正在使用小屏幕设备,但这不代表他们需要获取的信息、需要使用的功能变少了。

出处:Be For Web
责任编辑:bluehearts

上一页 下一页 从网站到移动客户端应用 [2]

作者文章
线框图的本质及实践应用概述
热门搜索:CSS Fireworks 设计比赛 网页制作 web标准 用户体验 UE photoshop Dreamweaver Studio8 Flash 手绘 CG
站点最新 站点最新列表
周大福“敬•自然”设计大赛开启
国际体验设计大会7月将在京举行
中国国防科技信息中心标志征集
云计算如何让安全问题可控
云计算是多数企业唯一拥抱互联网的机会
阿里行云
云手机年终巨献,送礼标配299起
阿里巴巴CTO王坚的"云和互联网观"
1499元买真八核 云OS双蛋大促
首届COCO桌面手机主题设计大赛
栏目最新 栏目最新列表
国外创意名片设计欣赏
情感化界面
线下项目工作流程(归纳篇)
线下项目工作流程(分析篇)
简约而不简单-Practise平面设计
培养用户的使用习惯
优秀名片设计
专题头图的秘密武器
别让UED忽悠你(2):多少钱一斤
别让UED忽悠你(1):天生的矛盾
>> 分页 首页 前页 后页 尾页 页次:1/31个记录/页 转到 页 共3个记录 分享按钮

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。

您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
网站可用性测试及优化指南
《写给大家看的色彩书1》
《跟我去香港》
众妙之门—网站UI 设计之道
《Flex 4.0 RIA开发宝典》
《赢在设计》
犀利开发—jQuery内核详解与实践
作品集 更多内容

杂⑦杂⑧ Gold NORMANA V2