当前位置:首页 > 编程开发

解读iPhone平台的一些优秀设计思路

webgou16年前 (2010-10-03)编程开发162

解读iPhone平台的一些优秀设计思路

 

本文试图从iPhone的角度结合一些iPhone平台项目的设计经验提炼出iPhone平台的一些优秀设计思路,以供大家在做移动互联网设备设计时参考。

 

1、移动互联网设备和传统手机的区别

在传统手机时代,标准的通话键、挂机键、菜单键是手机的标配,用户被教育成了用键盘来操作数据,于是我们就养成了使用键盘的习惯,经典的案例就是诺基亚主导的时代。

在移动互联网时代,特别是触屏的大规模应用,手机的功能已经发生了转变,对互联网内容的浏览、下载、消费等等成为主要应用场景,触摸屏成为行业趋势,直接对内容进行操作,在屏幕范围内的点击成为主要的操作。绝大部分操作通过直接和内容交互完成,不要让用户通过中间设备间接进行控制。

因此,就可以理解为什么苹果会这么激进,只保留了一个home键,而将其他功能性的操作全部做在了屏幕里面。

在底部的几个按键的处理上(返回、菜单、home、搜索),Android的做法似乎介于传统手机和iPhone两者之间,既保留了传统手机的一些特性,但也在学习iPhone的触屏做法。从苹果遵循极简的设计思路来看,iPhone做得更彻底、更加极致一些。

 

2、高度直觉化的界面

苹果采用了隐喻等方式来暗示用户这里的操作,目的就是降低用户的学习门槛,使用户第一眼就知道怎么去用iPhone,典型的案例就是锁屏界面的解锁操作,以及缩放照片的操作。

iPhone采用了全触屏的操作方式,绝大部分操作都通过直接触摸完成,仅提供一个home键的实际按键,这种做法配合multi-touch技术,无论是完成一个任务还是体验游戏,操作都最大程度简化了用户的操作路径。

为此,iPhone还提供了各种丰富的手势,基于此,开发者可以创造丰富的操作体验。比如:tweetie 2

 

3、在需要时给我导航,且告诉我将去向何处

在iPhone平台上,如果应用程序有信息层级关系(比如邮箱>收件箱>邮件),利用title进行导航,导航栏左侧始终是返回按钮,右侧如果有必要,可以放针对内容的操作控件,中间有标题。

对这里的导航按钮来说,始终只有返回上一级的功能,且明确指明上一级的title是什么。

那么,另外一个问题是 如果这里的信息层级太深怎么办?是否需要给出返回首页等按钮或者更长的面包屑路径,这里需要考虑的是怎样减少程序的信息层级而不是一味地去将这里的导航复杂化。

iPhone提倡直接对界面元素进行操作,返回上一级也是如此,无需通过其他物理按键来切换页面,你所需要做的事情就是直接在屏幕上点击。

Navigation Bar

 

4、稳定的界面结构——tab bar,toolbar的位置

iPhone典型应用的界面结构很稳定,导航栏和页签栏的位置不会因为应用不同而发生变化,用户能形成比较一致的体验。

Android平台在规范性方面不如iPhone,比如:

a)  Andorid对标题的处理方式比较奇怪,有的程序有标题栏,有的地方没有,不符合一致性原则;另外,还存在大小两种尺寸的标题栏。

b)  tab bar的位置。有的应用放在顶部,有的放在底部,体验不一致。

另外,对手持设备来说,关注焦点是从上而下的,tab bar的关注点没有内容那么高,其实只是在需要的时候可以方便地进行切换就足够了,放置于顶部对于手持设备来说操作很不便。

 

5、一次做一件事情,避免一个按键承载太多的功能

Android的菜单键是一个全局按键,使用频率比较高,根据不同的场景功能又各不相同,用户较难形成一致的体验,系统级的菜单和上下文菜单也容易让用户混淆。

苹果的做法是将菜单里的功能进行分解,重要操作用户可直接操作(如通讯录的添加联系人,iPhone是直接放出来,Android是将其放到菜 单里面),其他操作或集中在设置或通过滑动等交互方式进行扩展。(tweetie 2是将针对当前联系人的更多操作通过滑动的操作展示出来)

 

6、增强用户体验

iPhone在增强用户体验上有很多点值得学习。比如core animation提供了大量优雅的动画可以直接使用,以实现华丽的动画效果。

 

为什么用动画?

在整个界面转换的过程中,苹果会添加一些动画元素,作用有三:

a)  缓解用户等待的焦躁情绪,如:经典的程序登录界面动画。

b)  暗示用户当前界面的来源。如:有信息层级关系的左右切换动画。

c)  增强用户体验

 

用什么动画?

界面常用的几种动画:

a)  有信息层级关系的采用左右切换动画。

b)  针对当前视图内容的操作常用的采用model view的从下往上升起的动画。如:写邮件,action sheet。

 

拟物化设计

除此之外,还有声音元素、透明设计等其他手段以提升用户的使用体验。

(本文出自Tencent CDC Blog)

 


 


扫描二维码推送至手机访问。

版权声明:本文由知了博客发布,如需转载请注明出处。

本文链接:https://www.webgou.info/?id=358

标签: iphone
分享给朋友:

“解读iPhone平台的一些优秀设计思路” 的相关文章

Windows CE下流驱动的动态加载

Windows CE下流驱动的动态加载…

Android电话功能各部分深入探讨

Android手机操作系统是一款基于Linux平台的开源系统。开发人员可以根据不同的需求对其进行修改等操作。在这系统中有很多比较重要的功能值得我们去研究。比如Android电话功能就是其中一个基础知识点。第一部分 Android电话功能概述Android的Radio Interface Layer…

Java基于Socket文件传输示例

最近需要进行网络传输大文件,于是对基于socket的文件传输作了一个初步的了解。在一位网友提供的程序基础上,俺进行了一些加工,采用了缓冲输入/输出流来包装输出流,再采用数据输入/输出输出流进行包装,加快传输的速度。废话少说,先来看服务器端的程序。1.服务器端package sterning;impo…

Java基础 三步学会Java Socket编程(二)

http://java.ccidnet.com/art/3539/20070606/1103869_1.html第二步 多个客户同时连接在实际的网络环境里,同一时间只对一个用户服务是不可行的。一个优秀的网络服务程序除了能处理用户的输入信息,还必须能够同时响应多个客户端的连接请求。在java中,实现以…

整数转换为字符串方法

方法1: #include //函数名: itoa //功 能: 把一整数转换为字符串 //用 法: char *itoa(int value, char *string, int radix); int main(void) { int number = 12345678;…

谁之错

故事一:背景介绍:RT是一个外包公司,ZWZX是项目承接公司,YD是甲方。RT公司每天下班的时候都会接到ZWZX负责人的电话,询问一天的工作情况,然后布置任务要求晚上加班做完,RT公司的员工很无奈也很气愤因为每天 都要加班,员工们就问项目经理:“为什么天天加班赶需求,今天才提一个需求,明…

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。