童话说说技术创业美文职业
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

十条帮你塑造更好的iOS应用体验的设计贴士

5月1日 溷元楼投稿
  1。以规则为基础进行创新
  苹果的人机界面设计规范给人的感觉有点像枯燥的技术手册,但它绝不是那种可有可无的产品说明书。通读之后你会发现,这套规范当中涵盖的主题非常全面,上至产品方向,下至界面元素的细节,所有这些“规则”都有助于你从基础层面上更好的理解iOS应用设计的方法和原理。
  只有充分的了解平台特性,对自由发挥的空间及局限有清晰的认知,我们才能更合理更有效的落实创新思维。
  推荐阅读:先了解规则,再寻求创新关于iOS应用界面自定义
  2。正确的使用界面元素
  人机界面设计规范当中的“iOS用户界面元素使用规范”一章为你详细的介绍了应该在何时何处如何使用各种类型的原生界面元素,包括导航栏(navigationbar)、标签栏(tabbar)、列表、按钮等等。
  要使产品在最基础的层面上符合用户的认知、降低学习成本,我们必须吃透这些原生界面元素的使用原理及相关的设计模式。
  相关阅读:移动应用界面设计模式搜索、排序、筛选
  3。考虑设备的特性、局限及使用环境
  设计iOS应用与设计网站有所不同,我们需要考虑的因素有很多,包括移动设备自身的功能特性、显示屏的规格局限以及特定的上下文使用环境等。
  用户在使用移动设备的时候,可能身在户外,或是呆在室内,这类具体情况会对人机交互的会话进程产生相应的影响。在对产品概念及设计方案进行测试验证时,要尽量将原型部署到实际设备当中,在最贴近实际应用场景的环境当中进行操作。
  推荐阅读:
  iOS用户体验解析
  杀手级的产品为应用的上下文环境而设计
  4。订制化的应用图标
  应用图标对于产品能否给用户留下良好的第一印象起着至关重要的作用,而且通常情况下我们要考虑的不只是一两个尺寸的图标。
  iOS人机界面设计规范中的“图标的订制化及图片创建规范”一章详细的列出了使用在不同场景及设备状况下的图标规格,另外,你还可以在这里找到很多关于创建图标及相关图片资源的设计规范及建议。
  相关阅读:移动应用的视觉美学谈三款拥有高收入的应用产品
  5。考虑不同的屏幕定向
  用户在执行调转屏幕定向的操作时,通常已经在预期当中做好深入探索内容的准备了。所以,对于具有内容获取及编辑功能的应用产品来说,特别需要考虑在不同的屏幕定向方式下提供不同的内容操作模式。
  另外,不同的定向方式也会产生持机方式转变的问题,例如从单手变为双手,所以相关交互模式的切换也是我们需要同时考虑的问题。
  推荐阅读:
  横竖屏切换中的界面设计与体验提升
  iOS操作图例与触屏人机工学
  6。触摸,而不是点击
  移动应用的界面设计应该以设备特有的输入方式作为基石。iPhone和iPad是典型的电容触屏设备,用户只需通过手指进行“直接操纵”,而无需借助任何外部输入设备。
  然而,手指的接触面要比鼠标光标的尺寸大很多,而且用户在执行操作时是无法看到手指下面的内容的,所以对于某些尺寸很小的交互元素来说,需要将实际的可触击区域扩大到其可视边界之外。
  类似这样的限制因素都是我们在设计过程中需要时刻考虑到的。
  推荐阅读:又是为了触屏移动设备而设计
  7。隐形的网格
  iOS人机界面设计规范建议,界面中的可交互元素在宽度或高度上不要小于44像素(约14英寸或7毫米),否则很难保证用户能够准确的辨识并触击。
  另外,在移动应用的上下文环境中,足够大的按钮不仅便于操作,而且可以让用户维持必要的注意力,避免被周围的环境所干扰。
  与Web设计中的网格系统类似,在iOS应用界面设计过程中,可以试着采用单元规格为44像素的网格作为参考来规划界面元素的布局。
  8。保持专注
  移动应用产品要专注在首要目标与核心任务上,在一两件事情上做到最好,而不是以一般水平同时做很多件事。
  对于非游戏类应用来说,简短、流畅、能够在最短时间内不受干扰完成任务的体验是最重要的,切莫把效率型和实用型的产品做成沉浸型。
  相关阅读:初创型团队容易在用户体验方面犯的十个错误
  9。界面元素的伸缩性
  可伸缩的界面元素的背景图片制作方法有些类似于Fireworks中的九宫图方式。
  如果你需要实现一个圆角矩形按钮,并且希望它在任何尺寸规格下都可以保持相同的圆角半径,那么必须使用弹性视图(stretchableview)进行创建;系统会使用图片中间的部分作为“伸缩”的背景,而四个圆角保持不变。
  10。理论基础
  当你第一次读到iOS界面设计规范当中的“用户界面原则”一章时,多半缺乏耐心的略读过去,因为这章看上去稍显理论化了一些,好像布道一样。不过我还是建议各位花些时间认真阅读这部分内容,你会发现这里都是实打实的设计建议,例如保持界面设计的一致性、为用户的操作提供反馈等。
搜索 投诉 评论 转载

十条帮你塑造更好的iOS应用体验的设计贴士1。以规则为基础进行创新苹果的人机界面设计规范给人的感觉有点像枯燥的技术手册,但它绝不是那种可有可无的产品说明书。通读之后你会发现,这套规范当中涵盖的主题非常全面,上至产……移动端输入密码应不应该显示为明文?开宗明义,我个人比较倾向于在移动端明文显示密码,尤其在注册新用户时,但并非简单粗暴的明文显示(我所说的都是错的,嘿),欢迎拍砖,具体理由见下。移动端和PC端从体验设计上有……浅谈app加载页面设计都说好的交互设计的评判标准之一是“别让我等”,但互联网产品总是受制于实际的网络问题。移动端产品则更为明显,2G、3G环境下加载不够给力,wifi环境也未必每次都是那么顺利。因此……什么是设计中的“大气”本文由百度联盟UEO团队的蛋东所撰。如果设计师在设计的过程中听到“大气”两个字可能会有急火攻心的感觉,这种“言之无物”的要求一定让大部分的设计师摸……登录图的趣味设计情感化设计阿里巴巴登录页面左侧一直都会有个banner,这个图片因为位置、环境的特殊性,跟我们平常做的首页banner的设计思路会有所不同。首页banner更注重的是信息传达,登录左侧的……让等待更加美好初到北京,给人留下印象最深的可能不是雄壮的天安门,也不是巍峨的长城,而是无处不在的长队。不管是吃饭购物还是旅游上班都得先“排队”等待,作为一名苦逼的北漂小青年,对“排队”给人带……30枚飙升你创造力的网页设计在激活你的创造力之前,我先来说一个普遍现象:从事设计这个职业,当没有创意的时候怎么办?会懊恼惊慌失措?觉得自己不适合这个职业吗?骚年菇凉们,不要惊慌!这种创意空白现象会发生在任……设计经验谈环形设计论cjshadow:这次我会从4个层面去描述,分别是产品,设计,程序和行业去分别讲设计。设计是一个圈,起点在那,终点也在那,所以我命名为环形设计论。感谢honfan的人物配图,有……值得借鉴的iPhone和Android应用这篇文章和大家分享一组精心设计的iPhone和Android应用程序网站。在一个应用程序的网站,从醒目的图像到有趣的标题和产品信息等等,你可以找到很多的灵感。今天的文章中收集的……搜狐畅游:专题设计那些事儿所谓专题页即利用一个主题来策划一个页面或一个活动流程的那个页面,它有明确的主题(充值送礼PK赛)、还有一定的时效性(国庆节圣诞节活动),往往这些页面的制作周期也比较短。那么作为……11个在新终端上的网页设计趋势本文作者小吉的宠物,设计与开发之间本有一线界限,但当时代步入又一个十年,这个线变得更加模糊甚至感觉不到它的存在。使用PS设计网页版面,足矣?或许五年前是吧!现在的互联……既生产品经理,何生交互设计师三国故事中,周公瑾和诸葛亮在一面共同抗曹的同时还不忘记在军中内斗,以至于公瑾在临死之前仰天长叹:既生瑜,何生亮!在一个产品团队中,我们经常也能看到类似的矛盾,那就是产品经……
创业公司怎么留人?请从不吹牛不画饼说人话开始老板,别心软,这十类员工必须炒掉!百事阿里16年资深HR:创业公司7项用人心得创业者:为什么你不能像ISIS一样招人?一个文化商人的30年奇妙漂流的创业故事为激励员工创新这些科技公司也是拼了你是怎样失去好员工的又该如何挽回他们?年关已过,离职将涌现潮,创业者别心慌一个互联网创业者的用人观创业者说:如何打造零离职率公司?防止公司内部员工欺诈的有效手段!员工可能无意中让公司面临风险!
爱的教育读书笔记日常知识黄体酮是什么你信不信,我放个屁,崩死你!糖化酶的正确使用方法糖化酶如何正确的使用登上地球之巅语文教案范文不到2000元,唯一的小尺寸旗舰平板!联想拯救者Y700值得孕妇乘火车的注意事项有哪些直接送一地图的资源?幻塔暗域趣味拉满,有玩家沉迷了5小时热文 最新环保建议书格式范文最能哄到男人的话北海最详细旅游攻略和住宿美食推荐加拿大将卖光所有的黄金储备

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界