快好知 kuaihz

5项提高产品设计的交互模式

小编推荐:本文是关于比较经典的几种交互模式的注意事项和讲解(其实就是时间比较早的文章啦),适合入门级的交互设计师和产品经理~

作为移动端设计模式系列文章的终篇,我将为大家概括性地介绍5种流行移动应用中常见的界面设计模式以供大家在自己的项目中参考。这些设计模式有助于大家提高设计的可用性,让界面变得更加直观。文章将侧重介绍能够帮助大家进行下列各方面设计的模式:

· 社交分享

· 通知

· 弹窗

· 内容更新

· 用户互动(滑动、点击等)

社交登陆

在《3条建议帮助让自己的应用不再惹人烦》这篇文章中,我们以某个游戏为例(这个游戏会在用户每次启动时询问是否要登陆Facebook,无法关闭提示)提到了意外的事件和情况有多么烦人。Facebook的流行让我又想到了另外一种在需要注册服务或填写表单时可能出现的恼人情况。

在这个社交网络盛行的时代,我们是不是真的还需要用这种陈旧的方式提交个人资料?社交登陆这一设计模式完全可以让用户轻松快捷的登陆,从而取代注册、填写表单之类的麻烦工作。

用户可以直接登陆自己的社交网络账号(Facebook、Twitter或者Google等),无需另外创建一个以后不太可能继续使用的账户,这样可以大大提高注册效率。除此之外,这一设计模式还有下列好处:

·使用现有社交网络账号登陆用户就不用再多记一套用户名密码了。

·用户无需被迫在自己刚刚下载还不熟悉如何使用的应用中输入信息,从而简化注册流程。

·让用户通过现有社交网络账号注册也许能让你获得一些有关他们的基本资料。这样你就能更加有效的根据用户的实际需求调整应用。

通知

通知功能可突出显示近期的活动和操作。我们每天要接触大量的信息,但百忙之中却没有时间(或者不愿意把时间)花费在手机上。我们都喜欢在尽可能短的时间内完成要做的事,然后马上知道是否有新的活动或者情况能够引起自己的关注。因此,对于通知设计模式的透彻理解和妥当实施非常重要。

很多知名公司的移动应用采用了下列几种不同的方法实施其通知设计:

·   LinkedIn在有更新内容的标签上放置标有数字的徽标。

·   Twitter则在时间轴图标顶部放置一个小点指示有新活动。

·     Facebook使用一个会在应用内垂下的弹出条幅显示新鲜事推送中的新内容通知。

你可以模仿一下你最喜欢的解决办法,试试这个办法是否适合于你和你的用户

弹窗和层叠窗口

弹窗(也叫层叠窗口)是一种常用于互联网广告的编程方法。弹窗会在不创建新窗口的情况下遮盖住主要内容,无法使用拦阻软件进行拦截,因此用户非看不可。一般来说这种情况很让用户讨厌,但在有些情况下,弹窗打断用户的使用反而能给用户带来帮助。例如,用户可能会希望在不丢失当前用户界面的情况下查看某些信息。

下面是一些弹窗设计模式帮助解决问题的案例:

·   在用户在应用中执行特定操作或达到特定时点时弹出并显示与特定操作或场景相关的信息/控制方法。

·   应用中原来的内容或场景仍然在背景中显示,但弹窗可以让用户选择是否要了解接下来要出现的内容。

·  弹窗可以吸引用户的注意力并在必要时提供重要通知。在使用完成后,用户可以点击或滑动屏幕关闭弹窗返回先前活动状态。

内容更新:下拉刷新

在习惯了使用Facebook、Twitter或Google等社交网站后,我们都会很自然的使用下拉手势进行内容更新。第一个使用这个设计模式的公司是Apple,在此之后这一设计就广为流行开来了。

用户需要显示一列非静态,但不能自动刷新的内容时,就可以适用下拉刷新模式。下拉刷新时,屏幕会滚动到顶部,刷新完成后新内容将从顶部开始显示。这种设计模式可以节约空间(不需要使用按钮)而且简单易懂。这种方式还不仅局限于更新内容,其还可以用于在一系列短信、图片或资料更新中加载早先的内容。

用户交互(滑动、点击等)

除了下拉刷新手势外,滑动也是智能手机上最为常用的手势之一。很多应用都允许用户在文章上左右滑动来了解详细信息或执行其他操作。与依赖于点击鼠标的传统web应用相比,这一方法充满创新意义。

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:5项提高产品设计的交互模式  产品设计  产品设计词条  交互  交互词条  提高  提高词条  模式  模式词条  
交互

 一篇文章读懂用户体验(下)

前言:一直有在梳理自己的知识结构,也靠这些所谓经验做了几年行业培训,今年是从业的第十一年,我觉得差不多是时候把这些最初来自同行、互联网和书籍的知识再还给行业,我...(展开)

交互

 万般设计为阅读【译】

随着各种网页字体、付费的网页字体服务和现成工具越来越多,字体排版收回了它作为设计皇后的桂冠,成为所有图形和网页设计的关键。今时今日,许多设计师在设计排版时,主要...(展开)