BeFor Web
为网而生 - 关注互联网及移动端产品的用户体验设计

从网站到移动客户端应用 - 随"机"应变的用户体验设计: Page 2 of 3

从网站到移动客户端应用 - 随"机"应变的用户体验设计

我想说的是,我相信在多数情况下,无论移动应用还是所谓的移动版页面,它们都应该与桌面版的网站及产品具有相似的内容与功能。当然,正如我们在前面提到的,在呈现及交互方式等方面,它们需要基于设备自身的特点而区别对待,但在内容方面应当尽可能保持一致。有些时候,移动应用甚至需要做的更多,拿亚马逊(Amazon)举例子,他们的移动客户端应用还具有条码扫描功能;这是充分利用移动设备特有功能的典型案例。

从网站移动化这个角度来说,作为Web设计和开发人员,需要把思路锻炼的更加具有弹性。在过去超过15年的时间里,我们只是为桌面浏览器设计网站。真正的Web设计不该是这样的,它应该中立于平台之间的差异,在任何设备、任何尺寸的屏幕中都保证可访问性及可用性。

当然,在移动设备大规模普及之前,我们确实很难看到这一点;现在,我们开始了解到自己的网站和产品会被各种类型的设备访问及使用。这并不是说我们要为所有类型的设备都单独打造一个版本——真正需要的是让网站有足够的适应性和响应性。

关于响应式Web设计,可以参考我们之前的两篇文章:“什么是响应式Web设计?怎样进行?” 以及 “通过CSS3 Media Query实现响应式Web设计”。

Robin Nixon (Web开发人员、科技文章作者,著有HTML5 for iOS and Android: A beginner's Guide一书)

在我看来,对于传统Web设计及开发人员来说,进行扩展或转型的最佳入门方式,就是保持手头技术的先进性,包括HTML(5)、CSS(3)和JavaScript;目前,将Web App整合成为原生客户端应用的解决方案正在日趋成熟,要实现产品的移动应用化,我们并不一定需要花时间学会那些复杂的编程语言,比如面向对象C语言、JAVA、.NET等。只要你拥有足够扎实的前端设计和开发能力,你就可以很轻松的创建Web App。

Aaron Maxwell (Mobile Web Up创始人)

从设计的角度讲,多数概念和技能依然适用。作为一名设计师,你要清楚自己希望用户在使用移动应用的过程中做出怎样的行为,你希望自己的产品能够提供怎样的用户体验。这种说法虽然有些务虚,但是将注意力集中在这些问题上并延伸思考下去,确实是一个良好的开端。

菜单是一种可以带来高效率的UI组件,除非你提供的菜单项过多。试着以逐层滑入作为呈现方式,将菜单项以合理的继承关系组织起来,确保每层里面的菜单项不要过多。另外,标签(tab)形式的导航也是移动应用中的重要元素。

和传统Web页面一样,移动应用界面中的留白也是一门学问。怎样使用留白来表达视觉元素之间的关联及分组关系,是需要认真琢磨和尝试的。尤其受移动设备屏幕的可视区域尺寸所限,在对元素之间距离的控制方面,我们并没有太多像素可用,所以对像素级细节的把握能力就显得越发重要了。

要记得在适当的时候舍弃一些元素。比如,在设置菜单中,每添加一个菜单项都会增加操作的复杂度,使用户多花费一份时间和注意力在他们未必需要的功能里面。对于你的产品所涉及到的使用场景,要做到充分的了解,并在此基础上判断功能元素的优先级,做好取舍。

Sarah Lynn (Web设计师、创意设计师)

在向移动领域转型这方面,我个人认为最棒的、最切实可行的入门方式,就是研究学习市面上的各种移动应用。观察它们,分析它们的功能,学习它们对原生控件的利用方式;去实际使用这些应用,熟悉并理解各种控件的交互方式,并将不同的应用加以对比。另外,不少公司和团队都做过大范围的用户研究,你可以通过他们的研究报告学到很多东西,尤其是在用户体验等方面

另外,有些不错的书也可以帮助你入门。我最推荐的一本,是Suzanne Ginsburg的《iPhone应用用户体验设计实战与案例》。

有些工作需要花时间和心思去执行,比如,要学会获取用户的反馈,另外一点是在进入实际设计开发流程之前,做好充分的计划工作;在初期可以制作纸质原型,并尽早与用户或有经验的移动应用设计开发人员进行交流

译文代表原作者观点。欢迎发表评论,或到译者微博进一步交流探讨。

本站原创编译文章。如需转载,请注明:本文来自Be For Web
译者信息: C7210 - 交互设计师,译者,猫奴,音乐玩家。布道者或麦田守望者。
评论 (3)
公司里现在大多数交互工作还需要产品经理完成,新招的交互人员大多也不是本行出身,比较尴尬
看来设计师是一定要会编程的了⋯⋯ 看到那个"Be",一下子想起behance的那个Be
编程这事儿倒未必;web design方面的coding也不能纯粹算“编程”的样子。欢迎常来!