简述App一些设计的方法

本文总结了十几个手机 App 的设计方法:考虑用户的使用习惯、场景以及干扰源,尽量减少产品层级,确保主要功能和重要功能在第一层级展示,主操作栏的按钮不宜过多,减少用户输入等。 一、充分考虑用户的使用习惯

比如大多数人拿手机的时候是双手握还是单手握,单手握的时候是右手操作还是左手操作,操作的时候用哪个手指就能进行操作。考虑到用户的使用习惯有助于在设计时避开手指的触碰盲区。

二、充分考虑用户的使用场景和干扰源

用户使用产品是在什么时间,什么地点,什么环境下使用?譬如,用户经常在嘈杂的环境中使用自己的产品,这时候的干扰源就是噪音,产品设计时应避免使用语音技术;用户经常在拥挤的环境中使用产品,则产品设计时应避免用户过多地进行输入操作;用户经常在地铁等网络环境不好的场所使用产品,产品就应该自动保存用户的信息,防止信息的丢失。

三、尽量减少产品层级

在移动设备上,过多的层级会使用户失去耐心而放弃对产品的使用。如果产品层级确实过深,考虑用一下几种方法扁平化你的层级结构:使用选项卡(tabs)结合分类和内容的展示;允许穿越层级操作,比如允许用户在第一层级对第二层级的内容进行直接操作(新浪微博信息列表页的长按)。

四、APP的第一层级

如果 APP 的第一层级包括多种视图,确保在主操作栏上给出明显操作入口;如果 APP 允许用户创建内容,考虑在第一层级给出创建内容的入口;如果 APP 内容允许被搜索,考虑在第一层级给出搜索入口,用户可以通过搜索打破导航结构,进行全局搜索。

五、操作栏的设计

空间足够情况下,给出 APP 图标;如果 APP 支持用不同的方式展示内容,要在操作栏支持视图切换的功能。可以考虑用选项卡或者下拉菜单的方式来进行切换。

选项卡展示 APP 视图的同时,使其便于浏览和切换,如果你希望用户频繁切换视图,可以考虑选项卡。如果你不想放弃垂直屏幕空间且希望用户不是那么频繁的切换视图,考虑使用下拉菜单。

操作按钮:操作栏上的操作按钮用来展示你 APP 中的最重要功能的操作。

使用 FIT 来确保优先展示操作按钮的准则

F — 频繁。用户在访问界面时,是否会频繁使用这个操作?

I — 重要,这个操作对于用户来说是否真的很重要?

T — 典型,在类似的APP中,是否把这个操作作为典型的第一操作?

一般来说,如果符合 FIT 准则,则放在操作栏里,否则,它属于更多操作。比如:微博客户端的刷新按钮。浏览微博对于大多数人来说是第一诉求,而刷新按钮对于浏览微博来讲是一个重要的操作且操作频率极高,所以,微博的客户端一般把“刷新”这个操作放在主操作栏里。

六、主操作栏的内容不宜过多,一般不超过三项

主操作栏的作用是为了把最重要的内容展示给用户,过多的内容容易对用户造成干扰。比如,腾讯微博的主操作栏里只有切换视图和写微博两个内容项,微信的主操作栏只有图标和把不常用功能收起按钮两个内容项,Fuubo 的主操作栏也只有图标和刷新按钮两个内容项。而新浪微博官方安卓客户端的主操作栏内容项则过多。

七、设计要主次分明

将主流用户最常用的 20% 功能进行显现,其他进行适度的隐藏,越不常用的功能,隐藏的层级越深。例如:微信的扫本机二维码、避免新浪微博广场的堆积式设计。

八、始终提供明确的导航

要提供明确的返回上一级的操作。

九、尊重用户的付出,自动保存用户输入的内容

比如,微信的消息发送在没联网的情况下发送会显示叹号保存在手机端,联网后只需重新发送即可,不需要重新键入信息。新浪微博在网络不好的情况下进行转发或评论,相应的信息也会自动保存在草稿箱,联网后操作一下即可。

十、尽量减少用户的输入,输入时给出适当的参考

比如百度地图这一点做的很好,用户输入一般时就会给出相关地点。

十一、尽量去猜测用户的行为,但要允许纠错

比如,用户在进行搜索时,可以根据用户最近的搜索行为给出参考答案。

十二、只在最重要的时候才去打断用户

比如通知,好的 APP 只有在需要它发言的时候它才发言。

十三、提供即时的,明确的反馈

好的反馈能使用户有被感知的感觉。操作反馈不及时时,用设计打掩护。

最后,没有万能的设计原则

根据不同产品的战略和具体情境,设计要进行灵活变化。比如,按照FIT原则来讲,新浪微博的官方安卓客户端将“刷新”按钮放在主操作栏是好的设计。

时间: 2024-07-31 09:03:49

简述App一些设计的方法的相关文章

Web App动效设计原则 Web App的设计方法

文章描述:Mobile Web App的设计方法 [编者按]本文作者:邓腾(@千年牛皮糖),百度无线交互设计师 .在本文中,作者将给大家谈谈Mobile Web App的设计方法,内容包括:Web App定义.Web App的特点.发展现状及设计等等.希望对大家有所帮助. Native App与Web App的争论从未停息过,尽管很多人在批判Web App的各种不是,但也阻止不了各种各样的Web App如雨后春笋般出现,尤其是伴随智能手机的普及而受到重视的Mobile Web App.这是一种在

聊聊WEB APP、HYBRID APP与NATIVE APP的设计差异

  这3类主流应用你都了解吗?设计师除了要有视觉功夫,对不同形式的APP也应当了然于胸,今天百度的同学写了一篇非常全面的总结,帮你迅速搞定3类主流APP的设计方法,附带一大波避雷针,带你巧妙跳过APP设计的雷区,涨姿势是分分钟刻不容缓的事咯! 目前主流应用程序大体分为三类:Web App.Hybrid App. Native App. 一.Web App.Hybrid App.Native App 纵向对比 首先,我们来看看什么是 Web App.Hybrid App. Native App.

干货:推荐十五款APP原型设计工具

我们知道,一款优秀的移动APP产品原型设计工具应该具备以下特点: ①.支持移动端演示(随时随地演示给BOSS,厕所&食堂&电梯-以体现我是那么的敬业--长点工资必备) ②.组件库(高效复用,谁用谁知道) ③.可以快速生成全局流程(程序猿看不懂拆解的,给丫的看这个) ④.在线协作(多个PM狗一起用) ⑤.手势操作.转场动画.交互特效-(这些都不需要,留给专业的交互.视觉,搞那么虚的不如多想想产品流程逻辑做做减法.写写xxRD啥的) 以下逐步介绍那些我们势必要折腾的原型工具们: 1. POP(

《妥协的完美主义:优秀产品经理的实践指南(卷二)》一第1章 App产品设计团队进化史1.1 在没有产品设计团队的软件开发时期

第1章 App产品设计团队进化史 妥协的完美主义:优秀产品经理的实践指南(卷二) 在App的开发过程中,常常有两股主要矛盾力量:开发人员和市场人员. 尽管市场人员精通市场.定价,善于掌握商机,但他们对产品设计和过程的要求,只局限在需求列表.需求清单上,列出他们所需功能,这些需求同用户的实际需要和期望有一定差距,主要在于如何超越竞争对手,如何赚取更多的利润,这些需求的来源基于市场调研和对用户心理的猜测: "市场数据的表现是这样的,用户可能是因为某某原因不喜欢使用我们的产品." "

APP界面设计就该那么美妙!

如今手机屏幕的尺寸越来越放大化,但却始终很有限,因此,在APP的界面设计中,精简是一贯的准则.这里所说的精简并不是内容上尽可能的少量,而是要 注重重点的表达.在视觉上也要 遵循用户的视觉逻辑,用户看着顺眼了,才会真正的喜欢.以下是AnyForWeb为大家精心挑选的APP界面设计,供大家欣赏评论.1.第一个案例在背景上完全没有任何的修饰成分,在色彩上也只是比较传统的使用方法,它的特别之处就在于字体的变化上.如果想把一个APP做的尽量简洁化,大多数设计师会选择 借助于简单的颜色或清晰的布局,很少设计

APP 产品设计 进来会如何发展

如今的话语霸权者-苹果,使得全部手机 APP 设计朝它看齐,并没有取得任何进步,这是苹果失去乔布斯之后最大的败笔.幸好从有些东西,我看到了一些发展前途.就我目前观察而言,谈一下未来可能的 APP 产品设计革命性的趋势会怎样发展.尽管这可能是极客们都觉得没有用处的微创新,但是一旦种下的有些种子,有一天会生根发芽的,无论前方的道路有多困难.当今时代有些前行者,总是值得我们去尊敬和敬佩. App 图标多元化 为什么我们要一直忍受永远不变的 logo?我们还要忍受多久?想必各位都已经看过锤子手机的发布会

【APP UI 设计模式】(一)APP UI 设计原则和流程

一.基本原则         1.用户体验原则UCD,以用户为中心去设计         2.设计模式是可重用的设计规范实现         3.反模式是糟糕设计的典型,极力避免使用         4.试验模式--超越既有理念和移动现状的设计,有望成为下一个主流UI设计模式. 二.主要内容         1.APP UI 设计模式描述的对象是智能手机.平板.智能设备等设备上运行的应用程序.         2.设备多样性-->设计多样性         3.设备类型定义:          

iOS APP体验设计:从程序猿和设计湿说起

iOS APP体验设计不像互联网的体验设计那样,有一堆的方法论和可以"借鉴"的案例. 目前除了苹果的<Human Interface Guidelines>和前Palm的<Zen of Palm>外,没有找到更好的设计哲学和方法论. 事实上,即便认真地研读了HIG和Zen of Palm,甚至是Oolon Colluphid的哲学巨作你也无法严格按照Guideline设计出一款出色的APP.其原因,得从程序猿和设计湿说起. 程序猿 vs 设计湿 最被思想处于上世

TV App的设计借鉴游戏界面设计的经验

文章描述:TV App设计经验谈--10个可向游戏界面设计学习的地方. TV App的设计,相对来说是一个全新的领域,有哪些领域可供我们借鉴? 游戏主界面有2种形式,全屏的和窗口的,全屏的独占式游戏主界面曾经是唯一的形式,也是玩家游戏时关注的重点,游戏内的其他模块,比如个人信息.物品栏.地图.公告.技能等,都在固定位置以悬浮的方式,占据屏幕的边角,并且这些模块是可以缩小和隐藏的:而需要及时处理的通知,以及一些需要复杂操作的模块,如物品的交易,技能的升级等,则以弹出窗口的形式出现,他们通常占据屏幕