移动端的拟物化设计

标签: 移动 拟物化 设计 | 发表时间:2011-06-16 13:02 | 作者:seamers Han
出处:http://ucdchina.com/rss/all
人在处理信息,学习和记忆的能力是有限的。现实生活中人们又会经常受到各种客观因素的影响,所以有效的降低用户的操作和学习负担能够使产品更易于被广大用户所接受。随着互联网产品设计越来越重视用户体验的今天,除了产品本身的功能的创新之外,产品与用户之间的交互体验成为各个公司追求的目标。好的设计不但在视觉上带给用户更多美的享受,同时还可以从视觉层面帮助和引导用户完成所需的操作。

一.模拟现实中的场景

记得电脑游戏兴起初期…模拟飞行类游戏在画面和拟真程度上达到了当时的顶峰。在游戏中玩家可以驾乘各式飞机在极为壮观而真实的天空中飞行,可以像飞行员一样欣赏美丽的空中景色。游戏中各种仪表盘和操纵器材真实的还原了飞机驾驶舱,身临其境般的临场感使玩家欢呼雀跃。虚拟化的场景不仅带给了用户更强的视觉震撼,真实的模拟操控感也大大增强了游戏的代入感。

 

二.拟物化设计在移动端的应用

模拟类游戏的发展,更多应用类产品也开始采用拟物化设计的方式。通过模拟现实生活中的场景,实物的质感,以及人们的日常行为习惯等,使产品的表现形式更加丰富有趣,操作也更加符合用户的日常习惯。随着移动设备硬件的迅猛发展,更大的屏幕尺寸和全新的触摸交互方式让我们在设计中有更大的发挥空间。更加强劲的配置也使我们有机会借助更多辅助效果提升产品的体验。

1.对场景环境的营造 烘托气氛

根据产品自身特点通过声音和视觉的模拟,营造身临其境的交互式视景的仿真,使设计更富有品质和情感。与现实的融合也更容易拉近与用户的距离使之产生共鸣,增强产品的体验乐趣和享受。

 

YAHOO Entertainment

主视觉以家庭影院的形式呈现给用户,皮质沙发和木制地板使画面更富有品质感,通过对场景的渲染,清晰的传达了产品的功能和用途。如散落在沙发上的综艺杂志和电影包装盒简单明了的告知栏目的内容。通过对现实生活中的映射可以让用户轻易掌握和了解产品的用途,免除学习和记忆的成本。


TIMES
如果你喜欢 Mac 上的 Times RSS 阅读器的话,那么你一定也会喜欢这款 Times for iPad,同样采用类似于报纸的阅读版面排版,界面简洁而大方。

拟物化的设计让用户在阅读时更像是在阅读一份报纸,同时又可以对订阅的内容进行添加。和布局又可以借助电子产品的优势 由用户进行自定义操作。即保持了实物的阅读乐趣 又有更加灵活丰富的内容。用户可以自行的对信息进行添加,也可以对页面的排版格式进行调整。



LOMOLOMO
是一款IPHONE手机照相软件,提供了不同的相机和镜头供用户选择。通过夸张艳丽的色彩,以及不同程度的暗角,模糊,曝光过度带给人视觉上的冲击,表现与众不同的LOMO风格。作为一款照相软件 LOMOLOMO在拍摄时的视觉界面模拟了相机的构造。常用的功能排布与真实相机相似,直观明了。拟物化的设计在满足用户拍摄的需求的同时,又享受到了拍摄的乐趣。



AmpliTube
通过对调音台及录制设备的质感提炼,使是产品更具专业感。更易于相关人士所接受。

 

2.模拟现实中物品的使用习惯

观察和了解人们在现实中的生活习惯,并将其移植到产品当中可以使产品更加平易近人,也符合用户的认知和习惯。

IBOOK
成列书籍的书架,放大镜,通过触碰模拟的拖拽纸张效果 ,都真实的还原了现实生活中人们对于读书的理解和习惯。即生动有趣又符合用户对于阅读理解。降低了人们额外的学习和适应成本。



DAYS
手机中的记事本和日历延续了生活中的实物形态,纸质的质感使用户使用起来更加亲切。

 

三.小结

对用户日常生活和行为习惯的研究和提炼,可以帮助我们在设计的时候方向更加明确。通过拟物化设计的手法可以使我们的产品表现形式更加多元化,让产品可以融入更多情感。对现实中行为习惯的模拟和映射,通过视觉语义表达产品的功能和技术特点,也有助于用户更加轻松便捷的完成操作,减少产品与用户之间的隔阂。

源地址:http://mux.baidu.com/2011/06/1040/

相关 [移动 拟物化 设计] 推荐:

移动端的拟物化设计

- Han - 所有文章 - UCD大社区
人在处理信息,学习和记忆的能力是有限的. 现实生活中人们又会经常受到各种客观因素的影响,所以有效的降低用户的操作和学习负担能够使产品更易于被广大用户所接受. 随着互联网产品设计越来越重视用户体验的今天,除了产品本身的功能的创新之外,产品与用户之间的交互体验成为各个公司追求的目标. 好的设计不但在视觉上带给用户更多美的享受,同时还可以从视觉层面帮助和引导用户完成所需的操作.

移动产品设计之设计

- crystal - 互联网的那点事
移动产品设计最大的差异点在于用户使用场景的变化,场景的变化引发了交互方式巨大的变化,从而也使得信息呈现方式有所不同,再加上硬件设备的差异,最终使得2者千差万别了. 所以,移动产品设计之设计应该首先从用户的使用场景出发,同时考虑用户的硬件设备差异,综合以上2点去帮助用户完成某个任务. 按照我的理解,场景、任务、用户可以称之为设计的三要素,每一个设计实际上都是试图去帮助用户在某个场景下完成某个任务的.

移动界面隐喻设计

- 星空无语 - 优涩控
是的,有些时候,我就在想这个简单的问题,而那时我的答案还是:界面是对软件应用解决方案的显性,使用图形化符号,向使用者解释它的功能与任务. 但最近一些认知却让我对这个问题有了新的回答:界面就是软件应用它本身. 它不是一份对软件应用功能的图形化说明书,不是对软件应用功能与任务的图形化翻译,它就是软件应用本身,并且与之浑然天成.

移动设备手势设计初探

- redhobor - 腾讯CDC
  嘿~最近在做各种移动端的产品,设计啊体验啊操作啊,用的手都起茧,工作之余也思考了“手”这种较新的交互方式,以及它与界面的关系. 本文从手势的种类,应用场景,存在的可用性问题以及如何设计四个大的部分谈起,在此抛砖引玉供大家思考和学习.   移动设备大行其道的今天,手势是一个流行词汇,那手势是什么呢.

移动应用表单设计秘籍

- - 落花流水——elya妞╰_╯
一直想写一篇文章,关于移动应用表单设计的,可惜最近项目很忙,忙到没有时间打理博客. 最近体验产品的时候,经常看到错误的的表单设计,要么信息混乱,要么步骤繁复、要么语言程序化,要么视觉焦点跳跃,要么校验顺序混乱,要么反馈不及时,如此种种的问题,让我很想认真的总结一下,思考一下,为移动应用的表单设计,提供一些个人力所能及的建议,希望更多地设计师能认真思考移动应用表单的特殊性,能最大限度的提升表单设计的体验,提升效率,提高满意度.

移动产品设计新思路

- - 互联网的那点事
随着时代的变迁,移动产品的设计也有了更多的变化. 用户的需求越来越多、使用的场景也更加复杂. 也因此移动产品就有了更多设计的新思路. 当然,手机的玩法虽然不再被局限在有限的领域,但是对于那些更喜欢用手机拍核桃、钉钉子以及起瓶盖的各位童鞋,还是看看本次由朱坤 @kentzhu 分享的移动产品设计真正的新思路.

移动客户端UI设计指南

- - 博客 - 伯乐在线
最近整理电脑,发现有篇11年编写的内部培训的交互指南,整理了一下,去除涉及公司机密的部分,分享给同行. 因为是AI格式的,嘻嘻当时为了臭美,就用AI编写排版的,所以只能给大家分享PNG图片了. 综合了爱疯、安卓、疯7的交互原则,适用于移动设备,比如其中的按钮尺寸、视觉大小、触控大小,唯一遗憾的是,没把字体的设计原则列进去.