UI设计分享 遵守手机平台的UI特征

网页制造Webjx文章简介经典的手机界面交互设计. 

之前看到一篇文章,探讨iPhone 交互设计跟Android交互设计的一致与不同,它强调平台自身的特性,不要照搬其余平台的UI设计,让用户感到是在真正的使用一个android软件。

I think everything here is very relevant, and let’s keep them in mind.

我想到了咱们的设计翻新,设计师的设计意识状态起源,遵守平台的一些UI特征,但“冲破”更在平台之外… 

以上两图显示的是进行TAB排序的不同方式,固然YouTube这种设计方式很优良,但YELP也不错,这两种不同的详细设计方法我想能够称之为设计等价式同样到达了功效需要,而YELP这种设计方式更在平台UI之外,即便咱们在web页面,甚至在android平台看到这样的方式也难能可贵,更谈不上谁abab45b1032bddc3edf6b021ed51谁,谁照搬谁,只有是好的设计方式跟设计特征,我们都能够去粗取精,公道应用。

当然YELP这种TAB调剂办法也存在必定的问题,在Usability of iPad Apps and Websites 49页有具体的说明

使用过大批的iphone平台客户端,再回首看看iphone官方出的 iPhone Human Interface Guidelines关于iphone设计组件的先容,仿佛这个百来页的文档更轻易让设计师缩手缩脚,认为这样就是iPhone,遵守这样的诸如picker,slidebar,web view 等设计方式才是真正的iphone…

在详细的设计进程中,每当提出一些设计计划,来自其余设计师或开发职员的质疑居然都是有不这样的设计,我想iphone这样做不太合乎固有的一些标准…

我想完整错了,它只是一个基础的不能再基础的标准,数以十万级的iphone客户端各出奇招,将iphone原来的根本设计规范演绎的出色纷呈就是最好的证实虽然这些客户端中有些设计的不怎么样,还有相称多的客户端将UI演绎到了极致。

Central是一个非典范的单窗口利用程序alian cooper about face 一书中有对于单窗口,多窗口利用程序的剖析,固然是针对web运用,但对手机是同样的情理,简直所有的操作都缭绕舆图进行,在展现舆图层级的方法上,central不应用Picker实际上也分歧适应用,详细可参看iPhone Human Interface Guidelines中的先容或者Table views,而是独辟蹊径弹出一列行动图标进行抉择,不同的行动图标产成不同的成果在地图页面02612c333673e3b1e0944535652e,简直不须要任何的用户短时记忆便可顺利实现。

Central搜寻功能,Location功效更是让人面前一亮,假如我们逝世扣所谓的&ldquo,網站推廣;UI Guideline”,恐怕我们基本没有措施将如斯丰盛的功能适当的部署在320*480的舞台上,这些功能松紧有度而又先后有序,谁能说这种精良设计是iphone平台的专利?

直到当初从事iphone或android 设计,更多的人甚至包含一些设计师更乐意看到已经存在的“设计样本”才会停止底本“创意设计”的争辩,真是设计“打破”的大敌。

头像显示的更多操作,MSN的处置方式相称的奇妙,操作的前后承接给用户的领导恰到利益,whrrl的notification机制并没有使用传统的badge,而是在以弧形截面标识出来,当有信息进来的时候,弧形截面就显示为橘黄色以来提示。

 

基于SNS的网站以及最近成为潮儿的微博,都有一个很主要的模块挚友或关注的人的动态表单,由于这个动态的更新速度十分的快,不可能保留在本地让用户逐个浏览实际上这些动态不见得都是用户须要的,有一个异常好的设计谋略就是显示最新的多少十条,假如查看旧的动态绝对新的而言,就更多,当然可能当前查看的进程中,又有很多新的动态,然而没有加载到当前列表中,就需要刷新,上图浮现的微博新浪,腾讯依据 iphone固有的UI特性滑动到列表的底部开端缓冲,这个和一些显示的物理景象无比贴切以及从上到下的天然次序习惯性的以为上面是最新的,下面是最旧的,这是习习用户,可参考Do not make me think一书 对于习习用法章节,发生的聪慧设计“下拉刷新”,对寸土寸金的iphone屏幕,公道显示且平易近人。

这种聪明设计并不是iphone的设计专利,在存在同样使用习惯的android平台上也一样可以使用,只是使用方式有所差别android平台并没有滑动列表到底部缓冲的习惯,所以刷新按钮和显示更多按钮需要显性的呈现在列表的出发点和终点而不是像iphone通过下拉操作实现刷新,程式編寫,所以可以藏起来

Page indicator是多个页面进行滑动切换的标识,是iphone平台的一个聪慧设计组件。

上图显示的appstore对某个产品进行介绍,产品的阅读模式,恰当的使用page indicator,一方面避免过多的累加导致页面过长,另一方面在初期获取数据的时候也恰当的缓解了服务器的压力。

右图是手机QQ阅读器1.2的面,将疾速链接以page indicator的情势来组织,适当应用了iphone用户的使用习惯,網頁設計,运用十分的奇妙。

而whrrl将page indicator罗唆放在了导航栏作为题目的一局部,我不假考虑就无比明白左右滑动可以轻松切换至其他页面。

本文转自:http://www.kanitech.com.hk/