10种交互设计小技巧抓住用户注意力

如今,设备的屏幕正变得越来越小。主要的挑战在于在有限的屏幕范围内提供优秀的用户体验。

10种交互设计小技巧抓住用户注意力

简单来说2015年的移动设计趋势将是在传递更多信息的同时,尽量保持设计的简单。让我们来看看这些应用是如何抓住用户的注意力的吧。

1.分层界面设计

10种交互设计小技巧抓住用户注意力

如同我们所知道的那样,移动设备的屏幕不够大,不能够提供桌面端的那种全景式的浏览体验。然而,移动端设计的主要要求是简洁,但是为了有效传递出所有的服务内容,你需要有技巧性地组织利用这些有限的空间。这促成了分层界面设计的崛起。位于前端层次的元件应该活跃,位于后端层次的原件应当顺从考前层次的原件。

2.扁平化的界面

10种交互设计小技巧抓住用户注意力

2015年,我们将更专注于功能的传递而非界面装饰的至臻完美。这就是为什么扁平化设计成为了潮流,因为它能够赋予你的移动 App 一种简明的结构,这种特性能够有效地促进提高网站访问者的用户体验。

3.社交媒体整合

10种交互设计小技巧抓住用户注意力

2015年,移动应用将会在很大程度上依赖于诸如 Facebook,Google,Twitter(当然了,在国内就是 QQ,微信,新浪微博)等等的社交网站。整合社交媒体现在在移动 App 中似乎成为了不可或缺的一部分,因为它能够丰富你的 App 的功能。而且,它也能成为一种连接其他用户的工具,因为你的用户们能够让他们的朋友来尝试这款应用,或者至少在社交媒体上面露个脸。它还是一种很重要的营销工具。

4.从社交媒体登录

10种交互设计小技巧抓住用户注意力

大部分的 App 设计者或许认为一个很大的 login 表单看起来很酷,但是他们往往没能够意识到用户看见那么恐怖的表单的时候往往会直接崩溃掉。因此,许多用户在他们下完应用后就把它们卸载掉了。为了去除掉这种惹人讨厌的注册表单,你应该允许用户们从社交平台进行登录。这不仅能够帮助用户节省他们的时间,而且免除了用户需要费力记住他们注册的用户名和密码的烦恼。

5.善于使用空格

2015年所有的设计趋势都围绕着传递简单和明晰的外观这个主题。这个主题同样可以被用于移动端 App 的内容设计上,设计师们是用空格将不同的元素或元件区别开来。这可以提升内容的可读性,使得 App 更加好用。

6.使用素雅的、简单的颜色主题

10种交互设计小技巧抓住用户注意力

是用丰富的,甚至是艳俗的颜色会使得你的用户分心。因此,如果你不希望你的用户在看到花里胡哨的、扎眼的 App 之后就把它删掉,你就应当使用一种简单的颜色主题。简单的颜色主题同时也是扁平化设计的要求,这能够使得用户在使用你的 App 时能够有顺滑的体验。

7.使用左右横扫的手势操作

现在的很多智能手机都支持手势操作,诸如左右滑动来选择功能。开发者们可以灵巧地使用这些手势来从一个菜单跳转到另一个菜单,也可以进一步拓展到分享或是删除这样的操作。

8.在了解你的用户后再开始设计

10种交互设计小技巧抓住用户注意力

在设计 App 功能的同时要把你的目标用户时刻放在心里,这将有助于你达到你的目标。为了让他们下载你的 App,你需要提供他们他们所需要的,真正会喜欢的东西。如果在为一个特殊的年龄群体设计 App,你应当确定你在 App 中所设置的操作方式能够被用户所喜欢。年轻群体会更喜欢炫酷的手势操作方式,而中老年群体会偏向于简单的操作方式。如果你不想让你的用户怒删 App,最好就将他们的喜好纳入你的考虑范围。

9.方便拇指操作

现在,越来越多的用户用一只手握持 iPhone 并使用大拇指操作 App。

人们在他们行走,旅游,甚至是烹饪或者做其他事情的时候使用手机。因此,你需要确保你的 App 在用户只使用单手操作时也能正常使用,而多指手势则属于是锦上添花的功能。这将毫无疑问地提升你 App 的实用性。

10.实体或描边 icon

10种交互设计小技巧抓住用户注意力

另外一个2015的设计趋势是使用线性图标,这能够使得用户能够迅速地在活跃和非活跃的 icon 之间进行识别,因而,提高了用户体验。

在以上的所有2015年设计趋势中,我们能够发现的贯穿始终的一点是,更清楚地将你的 App 能够提供的功能传递给你的用户。所有能够简化 UI/UX 设计的东西都被业界所吸收,因而成为了一种设计趋势。所以,尝试着采用更多的简化方式,这样你就能够成为潮流的引领者!

原文作者:Chris O’Sullivan

原文地址:designsphere.info

翻译:设计派_小温

文字来自:交互设计头条号

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

(0)
iouedioued
上一篇 2015-09-02
下一篇 2015-09-07

相关推荐

  • 超全面的APP数据图表展现方式深度总结

    之前研究过一段数据图 表的最佳表达方式,随着手机端应用层出不穷地发展,这次将数据图 表的表现延用到手机端。相比 Web 端展示数据的空间优势,要兼顾手持设备的便捷、简明而重点的特质,手机端该如何取舍?是否有更加合适的表现方式?下面是翻阅或试用了各种有数据的 App 后,将手机端应用中值得借鉴的部分做了小小的总结,也让我自己对不同数据图表 的特性有更深的理解。

    2017-05-30
  • 巧用9大服装穿搭技巧,助你轻松搞定专题页设计!

    到目前为止,我已经写了好几十篇关于Banner设计的文章了,目前应该还没有人把Banner设计讲出这么多门道出来吧(脸红ing……哈哈)。但是,我今天想升级一下,不讲Banner设计了,而是给大家讲一下Banner设计的进阶版——专题页设计(做好专题页的前提就是做好Banner设计,这也为什么我会在前面那么大篇幅讲Banner设计的原因咯)。

    2017-05-17
  • UI 设计师如何让设计稿100%还原(上)

    大部分新手设计师可能都会遇到一个问题,设计效果很赞,为何还原效果那么差?是开发不行?然后就吐槽开发傻X,可很少有人想过是否是自自身的原因,在开发过程中就不断和开发撕逼。今天我介绍一些关键点,通过这套系统的方法来解决你的视觉还原度,希望这篇文章能帮助到你。

    2017-04-28
  • 从实际案例出发,说说交互文案设计的几个原则

    想必大家都见过下图所示的著名的“交互文案”反例吧?如果文案写成这样,无论设计师在文案出现方式、时机等方面再怎么优化,这也不可能成为一个合格的设计。因为“看起来重复、读起来绕口、理解起来更是云里雾里”的文案很难让用户获得良好的阅读体验和使用体验。

    2017-05-24
  • 美国交互设计综合类&艺术类院校申请侧重点有哪些?

    回复【交互】,获得专业老师一对一专业指导随着现今数字智能等高科技的发展,交互设计成为近些年众多艺术留学生的热门首选专业。但热门并不代表很多同学都对交互设计有所了解,比如,根据向汉艺咨询的学生情况分析,90% 的同学都分不清什么是到底什么是交互,只是很表面的认为交互就是各种“APP”、“UI设计”或者VR/AR。实际上,即使国外最顶级的院校,你也找不到一所专门设立“APP”的专业,“UI设计”严格上来说只能算是“平面设计”,而设立VR/A...

    2018-04-18
  • 初级设计师与高级设计师的差距。

    昨天晚上看到了这篇短小精悍的文章,由facebook的产品设计师所写,她用几张简单的草图对比了初级设计师与高级设计师在工作方法和态度上的不同,向大家阐明了初级设计师与高级设计师之间的差距。这是一篇设计师用来…

    2014-11-06
  • 除了灵感,还有什么方法能帮你想出新的idea【UXRen译#174】

    作者: Mind Tools Editorial Team |  翻译:Chen Jing,校审:包子   “我们要 think differently!”“这个得有些新想法!”“我们要更有创意!”这些声音是否在你工作的场所越来越多? 面对复杂,开放和不断变化的挑战…

    交互专题 2017-08-07
  • 【每天一小讲】便捷的用户体验才是命题简化之根本!(语音版)

    如何进行命题简化?来自盯盯学院00:0001:24命题简化是让产品或者服务的水平超出竞争对手一大截。根本是要让顾客用的特别方便,特别爽。命题简化瞄准的是优质市场,一般来说这个市场比较小。当然也有特例,比如苹果手机,既存在于高收益的优质市场,同时也创造出了一个全新的大规模市场。一个优秀的命题简化者根本不需要花多少钱做宣传,用户会主动向周围的人推荐,实现爆炸式增长。如何进行命题简化?产品设计几乎是命题简化的全部。目标就是让产品具有使用上的愉...

    2018-04-09
  • UE网国内首发:Axure APP:Axshare APP下载地址非google play

    很多童鞋反应googleplay下载不下来,我们发布在 UE社区 以后各种新的东东想第一时间知道欢迎安装我们的UE小组APP 请需要的同学尝鲜下载。 http://www.iamue.cn/read.php?tid=16&fid=2 不过阿西这里要提醒下,这…

    2015-05-25