【读书笔记】方寸指间——实战指导手册

  • 导航设计

6630619164956265230
标签式:能让用户直观地了解到App的核心功能。根据逻辑和重要性控制在5个以内,通过视觉表现用户的当前位置,页面之间的切换快速又不容易迷失,简单高效。

6630357481188369100

桌面式:类似于手机桌面各个应用入口的导航方式。每一个入口往往是比较独立的信息内容,用户进入一个入口后,只处理与此入口相关的内容,如果要跳转至其他入口,必须先回到入口汇总界面。

6631229393907986519 

菜单式:以突出内容为主,一般位于产品顶部。与界面的连贯性较好,展开和收起菜单对当前界面没有影响。但由于导航菜单位于屏幕顶部,不适合结合手势,操作上有难度,所以不适合需要频繁切换的功能。
6608880720562639270

点聚式:最早来自Path,将用户最频繁使用的多个核心功能点汇聚在主界面中显示,方便用户随时呼出使用。所占用的空间较小,常出现在一些主要流程界面中,作为全局导航使用。

6630148573979093223

  • 二级导航

走马灯:适合于图片或整块内容的并列展示,用户通过左右手势滑动来聚焦到当前内容。内容数量不能太多,控制在5~7个以内,以避免用户操作疲劳。

2445454597680403785

列表:常用于设置、消息和承载大数据量信息的界面。

6631393221140524921

图示:让导航更加可视化,同时根据页面内容的变化,可以及时地更新图示,适合以图片为主的内容。

6630579582537652806

分段选项卡:对主导航内容的再次分类,位于界面顶部,视觉上会突出当前所在位置。分段选项卡一般在顶部导航栏下方,一次最多显示4张选项卡。有更多内容,可以结合手势滑动界面。

6608771868911489573

  • 加载设计

当前页加载:点击链接后,在当前页提示正在加载或处理,成功后进入下一页。一般适合在需要处理判断的界面中,不用担心进入空白页面,避免了无故跳转。

进入页加载:点击链接后,直接进入下一个页面,在下一个页面中显示加载内容。现在大部分App的正常路径都会使用这样的设计方式,给用户带来了极为流畅的感觉。需要考虑分步加载,优先加载框架和默认元素,让用户能尽快看到界面的基本布局和内容。

分步加载:优先加载占用网络资源少的内容,例如框架、文字和默认图案,再加载占用网络资源多的内容,这样可以让用户更快速地看到界面框架内容。

懒加载:主要出现在长界面中,如无尽列表,用户可以不断地向下查看内容,达到某个点之后自动加载内容,或者触发拉动后自动加载更多内容。

预加载:是一种提前加载的方式,例如在闪屏的时候提前加载首页内容。还有对于一些表单,都可以提前加载表单的步骤。

智能加载:1、在网络好的情况下,提供更多更长的界面;在网络差的情况下,只显示部分内容,将更多的内容隐藏,通过用户的操作再显示。2、主动判断网络情况,资源会根据网络情况做差异处理。例如,对于图片资源,可以根据网络情况的好坏提供高质量或一般质量的图片。

缓存加载:针对无网络情况下,让用户仍然能看到缓存在本地的有用信息,不会出现空白界面。

  • 引导设计

6631244787070773465

幻灯片引导:一般出现在app第一次启动的时候,通过全屏或近乎全屏的方式展示,让用户聚焦到引导内容上。要做到聚焦、精简、创新,因为引导页很容易被用户直接划过,一般页面为3-5个。

6630117787653511560

浮层式引导:轻量级但目标性很强的引导方式,一般是半透明浮层结合文案的设计方式,用来提示重要功能或一些隐藏操作。

6630424551397664781

遮罩式引导:比较强势的引导方式,通过直接盖住界面来强调当前需要引导的内容。遮罩式引导图层需要有确认或退出按键。

1018939415710689710

嵌入式引导:分为整体嵌入和局部嵌入。整体嵌入一般使用在“空状态”的情况下;局部嵌入式保留当前界面内容的是同,增加引导提示,这种方式比较温和。

6631387723582386133

互动式引导:一般比较隐蔽,实在用户与产品互动的过程中发生的,引导用户完成操作行为。

2829949415866984576

 

  • 通知设计

6619117173817411456

通知中心:提醒内容集中,任何情况都可以下拉查看,最便捷、最不干扰用户的方式。

顶部横幅:在界面顶部短暂停留,能引起用户注意,但又不打断当前界面。(类似浮层通知,浮层通知非短暂停留,用户可以自行选择是否关闭,具有临时性)

Alert:打扰程度最大,打断用户操作,容易被用户忽略内容,直接关闭。

Toast:操作后的反馈,告知用户结果,一般停留3秒左右。

标志:告知用户有新内容,提醒查看。红点和数字提示相比,数字更能引起用户的注意,但当数字过大时,容易被用户忽视。红点提示更适合在大信息量更新,且权重不高的情况下使用,一般点击过后,红点消失。数字提示更适合在更新信息量小,跟用户相关性更高的情况下使用,点击查看过信息后,数字会消失。

66301012949790950016631250284628912399

 

 

  • iOS所有的键盘类型

6630155171048859933

  • 图形布局

6630520208909279302

  • 卡片设计

6630711523932877715

来源:Mufly

原创文章,作者:Tinadmin,如若转载,请注明出处:https://www.iamue.com/7175/

(0)
TinadminTinadmin
上一篇 2015-07-16
下一篇 2015-07-18

相关推荐

  • 需求频次的高低,如何影响产品设计?

    最近看过了很多千篇一律的文章,一直在给我解释一个事情,为什么那么多O2O死了,外卖和打车还活着。

    2017-05-30
  • 新手学交互----必看书籍之《微交互》

    最近有很多童鞋想学习交互设计,问我有什么好的书籍可以看看,今天小编为大家推荐一本好书《微交互》---细节设计成就卓越产品。由Smart Design的交互设计总监Dan Saffer所创作的,通过这本书展示怎么设计微交互,即…

    交互设计 2015-04-29
  • ”交互设计“菜鸟如何入门?

    大多数新手初次自学设计时有两大难关要过:我适合干这行吗?我该如何入门?带着这两种疑问上路,学习效果很难保证。今天小编特地分享亲身经历以及多年设计经验,为你解答这两大难题! 1. 我适合干这行吗? “我不是…

    2015-08-27
  • 2016年最值得关注的移动端APP设计趋势

    不论移动端网页和APP之间有着怎样的争论,移动端APP的快速发展都是不争的事实,各种客户端的开发和接入已经成为常态。用户对于自己喜欢的品牌和服务,总期待官方能推出客户端,也正是在这种期待和需求之下,催生出越来越多的APP。

    2017-05-30
  • 关注用户体验的酒店设计永不过时

    目前110000+人已加入品筑设计位于德国巴登-巴登(Baden-Baden)的Roomers酒店,建筑的外观采用简洁的黑白灰格调,错落有致的立面构成,干净利落。建筑的外观采用简洁的黑白灰格调,干净利落、错落有致的立面构成。酒店共设有130间客房及套房,另外还有餐厅与酒吧、屋顶酒吧、500m²的水疗中心、户外花园、无边泳池等等。在精品酒店的设计中,越来越关注客人的亲身体验感,其中有几个重要的关键点:家的温馨感、艺术馆般的艺术气息、现代极...

    2018-04-10
  • Focus Group 焦点小组访谈

      焦点小组访谈法源于精神病医生所用的群体疗法。目前的焦点小组一般由8-12人组成,在一名主持人的引导下对某一主题或观念进行深入讨论。焦点小组调研的目的:在于了解和理解人们心中的想法及其原因。调研的关…

    2015-12-28
  • 译|构建用户体验地图的时机和方法

    用户体验地图结合了两个强大的工具—讲故事和可视化 ,以帮助团队了解和解决用户需求。 虽然体验地图会根据不同的场景和商业目标采取各种各样的形式,但通常都包含一些元素,并且有很多可以遵循的潜在基本规则,使得用户体验地图为设计提供帮助。定义:用户为了实现目标而经历的过程的可视化,它用于了解和解决用户的需求和痛点。

    2017-04-29
  • 三个维度解析一个产品的交互设计

    作者:飞起就是一jio链接:http://www.jianshu.com/p/ad13cebe513b本文以“微信首页”为例,用三个维度系统地解析一个产品的交互设计的方方面面首先我们来做个互动,请各位看官打开自己的微信,然后看到你的微信首页…

    2017-08-04
  • 打造美观清晰易使用的交互文档

    在检查交互文档的时候,我有句口头禅是:“这交互稿画得太丑了。”听到这句话的小朋友,有些回了句“哦…”,有些则会问“交互稿也要考虑美么,交互稿不是逻辑ok就行了么”,脸上是不甚理解的。

    2017-05-20
  • 交互设计职业背景思考

    前言:最近一段时间,基本每天都有小伙伴在问,“我是来自非设计专业的学生,能否做交互设计”、“我想从事交互设计工作,是否需要读一个交互设计的硕士?”、“我工作一段时间了,不是设计行业,我能转行做交互设计么?”、“我对交互设计很感兴趣,如何从零开始自学?”,刚好今天看到一个知乎问题邀请,问的也是类似问题,所以我想写一些关于交互设计职业背景的粗浅思考,供大家参考。:)大多数问题归结为两类。第一类问题:交互设计工作是否需要专门的交互设计专业教育...

    2018-01-30