加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

[转载]【与小周】从好玩到好用—iPhone APP Design Trends1

(2010-07-01 15:21:00)
标签:

转载

[转载]【与小周】从好玩到好用—iPhone <wbr>APP <wbr>Design <wbr>Trends1

iPhone发布的2年中,人们见证了苹果公司为用户体验豁出一切的革命精神,同时也目睹了随之而来的铺天盖地的APP软件在这个全新平台上的各种应用。全球的设计师们都在尝试这个移动新媒体,同时也出现了大量难以使用的,交互不友好的APP软件。于是,设计师花了大量时间和精力去创造更好的用户界面。

这篇文章探索了设计师如何使用图形元素和屏幕交互去创造简单易用的APP软件,同时也展示了近期手机软件交互设计的发展趋势,可供参考。

 

1.使用已有的iPhone设计元素(Mirroring Native iPhone UI Elements

“告诉用户你想要告诉他们的东西,告诉他们之后,再告诉用户你刚才告诉他们的东西。”创造一个全新的UI流程,全新的界面是一件颇有成就感的事,但是在移动设备上,用户更喜欢快速地完成他们的任务。所谓“快速地完成”,就是说用户在使用软件时不需要任何指导,不受到任何疑惑。这时候,如把iPhone已有的交互流程和设计元素移植到APP软件设计上,就可以节省大量的时间与精力。

 

Facebook

Facebook 3.0的软件界面中,采用与iPhone相似的方格图标目录显示,用户通过左右滑屏获取更多的图标目录。这么一来,用户就不需要重新学习怎么使用。同时,由于在网络版Facebook中,页面左上角有LOGO,顶部有导航栏,于是软件版的Facebook也同样采取类似设计,利用已有的体验记忆,使操作变得更简单更有效率。

[转载]【与小周】从好玩到好用—iPhone <wbr>APP <wbr>Design <wbr>Trends1

 

Where

Where也有相似的设计,用户通过左右滑动获取更多目录。

[转载]【与小周】从好玩到好用—iPhone <wbr>APP <wbr>Design <wbr>Trends1

 

Tweetdeck

Tweetdeck展示了一个优秀的多层次界面设计。通常情况下,软件会将“项目更新”放置到一个新的页面显示,但Tweetdeck却采取了另一种方式。它采用了一个熟悉的对话框方式,帮助用户直接跳到想要查看的更新目录下,同时提供“删除所有”的操作方式。

[转载]【与小周】从好玩到好用—iPhone <wbr>APP <wbr>Design <wbr>Trends1

 

2.简化界面(Simplifying The Interface

简化界面,就是要清楚:知道用户到底需要什么?用户会因为什么变得安心或狂躁?设计师通过怎样的设计让用户获取信息变得自然,变得本能?

 

Facebook最初的界面设计成功地将大量主要功能堆入在屏幕上,它的问题在于不能达到一个真正的“本能操作”。比较Facebook 3.0,你会发现设计师如何运用“跳板设计”(springboard)实现一个流畅的交互过程,在保证呈现所有主要功能的同时创造一款“本能软件”。

[转载]【与小周】从好玩到好用—iPhone <wbr>APP <wbr>Design <wbr>Trends1

 

Flickr

Flickr的设计也同时兼顾了功能性、审美性以及屏幕合理利用。Flickr的重点是照片,它的用户不需要笨重的导航,他们喜欢图片,他们喜欢照片。Flickr即取消了所有导航图标,通过图片诠释出它本身的主要功能,用户只需要与图片交互就可以完成操作。简单又智慧。

[转载]【与小周】从好玩到好用—iPhone <wbr>APP <wbr>Design <wbr>Trends1

 

3.硬件式界面(Hardware-ish Look

也有不少软件并不遵循iPhone传统的UI设计,而是选择独特的交互界面,为用户提供一个与众不同的交互环境。其中有一些软件就选择用户比较熟悉的硬件式界面,同时保证用户的每一次触击都充满新意和趣味。

 

Convertbot

Convertbot的界面就像用户常接触到的饼状图,但是它更独特,更创新,更有趣。

[转载]【与小周】从好玩到好用—iPhone <wbr>APP <wbr>Design <wbr>Trends1

 

Little Snapper

Little Snapper的界面模仿了一个单反相机的旋钮。

[转载]【与小周】从好玩到好用—iPhone <wbr>APP <wbr>Design <wbr>Trends1

 

iHandy Level

iHandy Level的界面则像一个真实的校平器。

[转载]【与小周】从好玩到好用—iPhone <wbr>APP <wbr>Design <wbr>Trends1

 

0

  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有