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

  • 导航设计

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

相关推荐

  • UED 戊戌狗年第一波招聘已送达!

    14载,我们初心不变,依然要做行业最有力的的发声者。从一张纸到一串电波,媒介在变,我们的眼光始终如一大家都在说AI是未来,然而在这里,我们依然需要你无可代替的头脑。WE ARE HIRING这次招聘我们为什么要做这次公开招聘?信息爆炸,百家争鸣,越是瞬息万变,媒体的价值愈发凸显。我们不会随便说满意,而是希望在诸多嘈杂的背景声中,发出属于新时代建筑媒体人独到的观点,让关于建筑的解读,走进公众的视野;我们希望以全新的面貌去呈现UED对于中国...

    2018-02-28
  • 实例解析「交互设计七大定律」在设计中的应用(下篇)

    交互设计之父阿兰·库珀说过这样一句话:“除非有更好的选择,否则就遵从标准”;在交互设计领域中,有很多被时间和前人验证过的设计法则,这些法则是从用户的行为逻辑中总结出来的,掌握这些法则能让我们迅速有效的完成自己的设计。上篇内容已经介绍了「交互设计七大定律」的前五个,接下来将把剩下两个定律为大家做个实例分析。六、复杂性守恒定律/泰思勒定律(Tesler’s Law )1、复杂度守恒定律/泰思勒定律(Tesler’s Law )简介:复杂度守...

    2018-03-19
  • 2019交互设计考研普通长期班招生简章

    “应部分报考交互设计方向考生特殊需求,我们在保证搭建一个完整交互知识框架体系及备考专业课复习完整性标准下,特开设交互设计长期普通班课程。该课程更强调考生的“主动学习”能力。”招生简章开设课程:交互设计长期普通班(线上课程)课程时间:2018年5月中旬——2018年12月初试前(每周3课时)课时       :110课时(每课时1小时)费用      :7500元招生人数:线上课程16人(超数不招生)课程总框架:Part 1▪交互知识学习...

    2018-04-06
  • “用户体验”3.9万油电混合植保机演示视频

    植保季就快来到,很多植保团队以及飞手非常关注行业植保机的动向,不仅因为飞机本身的性价比高而且续航时间和作业效率同样是大家非常关心的事情。因为对于植保作业来说,作业效率关系着成本和收益,同样的植保机在单位时间内所节省的时间相当于是多出来的利润,这也就是为什么油电混合植保机能被大众所看中的缘由。近期在无人机网(www.youuav.com)发布的这款3.9万油电混合植保机一经亮相之后在植保行业中引起了足够的重视,很多朋友对其抱有足够的兴趣,...

    2018-04-24
  • UX设计师们,扔掉那些UX设计工具吧!

    “你以你的方式做你的事,我们想让你以完全相同的方式做你的事,但是是用更少的时间并且和更多的远程的人一起做这件事。““如果产品设计是为在各自职务中被束缚的人们解决问题,那么很多自称产品设计师、UX设计师的人事实上是职业的数字艺术家。他们是艺术家、是装饰上的设计师、是美工,但是不是一个职业的产品设计师……”仅仅是目前服务于我们设计师的技术,是不再会领导我们走向成功的。“我们相信制造降低软件开发门槛的产品是非常有必要的。事实上,我们对这类新的程序非常感兴趣。这可能是人们编写程序的更好方式,一旦诞生就将带来巨大的冲击。构架更合理,语言更精简,但很可能我们会去做同样的事。思考这样一个事情:程序语言接下来会面临什么呢?”

    2017-05-26
  • UED专访 | 魏娜:设计由情感而生

    📌 编辑 | Belinda.L《漂亮的房子》播至第三阶段,福鼎站的房子即将展现在观众面前,UED采访了“小溪家”的建筑师魏娜,探寻项目背后的情感设计。魏  娜WEI 建筑设计创始合伙人、主创建筑师魏娜于2013年发布过一条微博,感谢UED杂志的建筑师赠刊上精心的小细节。而她与UED的缘分其实从更早之前就已开始了。UED杂志特别赠刊烫印有建筑师姓名 ©魏娜“从2009年我们事务所刚刚成立的时候,UED就开始给予我们很大的支持,在这近9年...

    2018-02-02
  • 产品经理的末路,交互设计的穷途

    2016年上半年我跟进了几个项目,“开始众筹”、“finger”、“分答”和“袋鼠云”,“袋鼠云”是企业级服务,前面三个是toC的服务,在为这些老板提供支持的时候,问他们需要什么人才,都说需要技术大牛和运营大神,没有一个提…

    2017-08-02
  • 我不知道的“用户体验”

    在梁宁《产品思维30讲》的“用户体验”模块共包含5讲,分别是:用户体验的五个层次怎样绘制用户体验地图服务蓝图的核心要素:峰值、终值上瘾机制:用户激励系统名字是你的文化资产作为一名从未系统学习过用户体验和产品设计的PM来说,这个模块可谓干货多多(具体内容请详见下面的思维导图)。先打好理论基础,从用户/人性的角度出发将用户体验分为五个层次;然后抛出两个方法论,一是绘制用户体验地图用讲故事的形式获取用户情绪曲线;二是考虑到资源和成本控制的约束...

    2018-02-20
  • 商业模式驱动视频互动设计:手淘的视频就该这么玩儿

    当商业目标和设计碰撞在一起之后,商业模式使设计的目标更明确,而设计能为商业模式带来更好的体验。

    2017-05-16
  • 聊聊动态效果在体验设计中的应用

    首先,为什么要动?可能你会想到以下几条理由:呵呵,你要这么想就完了。

    2017-05-22