`
mmdev
  • 浏览: 12848582 次
  • 性别: Icon_minigender_1
  • 来自: 大连
文章分类
社区版块
存档分类
最新评论

让APP简约而不简单

 
阅读更多





想要APP好用,就要往里不停塞东西,这似乎已经成了一种常识。结果往往是,一坨,惨不忍睹,你懂的。应该抱怨么?不应该。因为这其实也是设计师最该做的事儿,在一堆限制条件的重压下找到创新的解决方案。这里总结了一些比较可行的方法,和大家分享。

一、以用户需求为出发点

这似乎已经是别说烂的一句话。之所以觉得还有提的必要,是因为这才是创新的源泉和交互设计师的安身立命之本,同时也在实际中面临着很大的困难。PM老大们 忙着塞满feature list,一封邮件扔过来,说,我要这个。Deadline一个接一个,不停的要Rush新版本,哪有空去思考用户是个什么ABC呢?但是,只要一天不把 用户纳入到设计流程,就永远沦为产品经理的控件对齐师

可行的突破点在哪儿呢?在于和产品经理交接时理清用户需求,在于敏捷地收集用户的想法。

在产品提交feature list的时候,应该把它先扔在一边,然后和产品先理清一件事儿,能否用一句话概括一下这个产品是为了帮助用户达成什么目的?搞清楚这个,才能弄明白用户是带着什么需求来到这个界面上的,一个个功能点是如何为用户服务的。

接下来要做的就是调查一下用户以往是怎么满足这些需求的,那些功能和信息更重要,更常用到。什么?没有用研团队?没有时间做用研?不会做用研?其实只要你 用研的道路上稍微迈出一小步,就能收获颇丰。你周围有同事吧?吃中饭排队的时候前后都是人吧?排队要很久吧?坐公交坐班车旁边有陌生人吧?一些简单的问 题,问上三四个人,就比你凭空猜想,闭门造车好的多,也会收获一些颠覆性的结果。问题来了,如果做完调查发现,原本你心爱的功能点用户一点都不关注,你割 舍得了么?自己战胜自己才是最艰难的。

有了对真实用户的了解,就能知道这个APP到底要帮用户达成什么目标,一句话,讲明白它。然后就好办了,把你要加上去的元素在脑子里先过一遍。但凡3秒内 不到它如何为用户的需求服务,杀无赦。有点用但是不太常用的,就藏得深一点;常用的,重要的,就拿到外面来。Goal is always one step away

似乎在天朝,一提创新,大家就会匪夷所思的会心一笑。但那是我们什么都不懂,都在疲于奔命的照搬国外成功玩意儿的时代。但是,我能抄,你能抄,他就不能抄 么?终究是要做本土化,做自主创新的。腾讯广研的张小龙先生说的话很在理:“QQ邮箱是个保守的团队,我们不提倡大家为了创新而创新,而是应该想到用户还 需要什么东西或功能,才能用起来更顺畅开心。解决这些问题后,才会反过来发现,哦,原来这是一个创新。

二、每一个View都和用户的某个目标相对应

一个APP包含的信息往往是海量的。一股脑儿全部堆出来,再好的排版也理不清楚。所以在做信息加工,拆分信息元素的时候,应该以用户目标为拆分依据。

工具型的APP,要把任务拆分成工作流。每一个步骤的view,是为了帮用户达成什么目标。这样一列,该放什么,该怎么放,全都清清爽爽。

信息型的APP,要为特定的需求去设计信息展示的范围和版式。每个View,都是要帮助用户做出判断,找到他最渴求的信息。

三、体贴入微的追踪用户需求的动态变化

在使用APP的过程中,用户的需求是在不停的变的。每一次操作(甚至于只是时间流逝不做操作)都挟带着用户的意图信息,暗示着需求的变化。设计师应该体贴地捕捉到这些变化,调整展示的元素。把已经失效的元素砍掉,释放宝贵的空间,展示用户当前最需要的元素。

四、一个元素担当多种功能

想要做的功能越来越多,需要摆在屏幕上的东西也是水涨船高。这是难逃的厄运么?其实还可以考虑利用现有的元素去承载新的功能。重新审视现有的元素,拆分成 碎零件,看看哪个比较合适。这才是设计师应该做的工作呀,如何优雅地解决难题。苹果就是这么去折腾他们的Home键的

五、利用无形的手势操作

智能机时代交互的手段花样迭出,不要把思路限制在触碰屏幕上的有形元素。可以pinch in/out来缩放,可以用重力感应器控制平衡球,可以晃手机来换肤,可以翻转手机来静音。但是由于无形操作的隐蔽性,需要确保用户很容易学会手势与功能 的关系,回忆得起来。同时手势也只能用于次要操作,或者作为常用操作的后补快捷方式。

六、减小一切无意义的差异

任何一种差异都是可以携带信息的。当元素间的差异对于用户需求并无意义时,就应考虑干掉它。最简单的例子莫过于按钮的宽度不会随着按钮上文字的长短变化。在同一个页面上,按钮必定要做成等宽的。把界面元素拆分开来,重新审视它们,消除一些无意义的差异。


分享到:
评论

相关推荐

    AndroidApp开发技能图谱.png

    AndroidApp开发技能图谱,一图胜千言,一图胜万字,结构清晰明了,内容丰富多彩,条理简明扼要,所见即所得,简约而不简单,带您装逼带您飞。

    IOSApp开发技能树全景图

    IOSApp开发技能树全景图,一图胜千言,一图胜万字,结构清晰明了,内容丰富多彩,条理简明扼要,所见即所得,简约而不简单,带您装逼带您飞。

    AndroidApp开发技能树全景图

    AndroidApp开发技能树全景图,一图胜千言,一图胜万字,结构清晰明了,内容丰富多彩,条理简明扼要,所见即所得,简约而不简单,带您装逼带您飞。

    疾风影音 v1.0

    但聚合互联网百万部电影、电视剧、动漫、综艺节目,同时配合各种功能,注重细节,设计简约而不简单,极大提升您的使用体验。 四、新增的网络电视直播,海含绝大部分电视台 集成网络电视台一体化享受

    pizza-app:比萨外送简约

    极简主义的交付应用程序网站,使订购过程更加快捷,简单。 使用React和Google Firebase。大应用重构此应用名称将更改为“ Delivery App” 该应用程序将对逻辑/状态进行重大重构。 除了处理比萨饼店模板外,它还可以...

    【Jshop小程序商城 v2.4.0】开源电商系统+一套前端代码发布多个平台+五端合一

    uni-app简约序模板,全新UI设计,更多交互细节,我们倾尽全力为您提供更加流畅舒爽的体验,增加对支付宝小程序、APP的支持,实现一个后台,管理5个前端。 同时又实现了一套前端代码,发布多个平台,为您的业务可以...

    Jshop小程序商城(支持DIY可视化) v2.0.6

    最新uniapp简约模板介绍uni-app简约序模板,全新UI设计,更多交互细节,我们倾尽全力为您提供更加流畅舒爽的体验,增加对支付宝小程序、APP的支持,实现一个后台,管理5个前端。同时又实现了一套前端代码,发布多个...

    harmonyos2-MPlaer:vue实现的简单的PC端音乐盒子

    Player,简约而不简单 依赖百度API, 手机上暂不能自动播放 chrome 版本55以上,chrome需要开启javascript相关试验性特性 打开步骤, 1):打开chrome 2):输入 chrome://flags/ 3):ctrl +F 搜索javascript 4):找到 ...

    expenditure-accountability-app:MERN 堆栈支出问责制应用程序

    利用Web应用程序为不熟悉使用App store(Older Gen)下载应用程序的人提供服务。 可用于所有移动平台,包括常见的 Android 操作系统和 iOS 项目用户界面 现场演示 将 Web 应用程序添加到主屏幕。 (iOS 14.5 - ...

    网立方-简-CMS网站内容管理系统 WebCubeCMSWebsiteContent.rar

    简约不简单!}可切换数据库为MSSql,或者MySql,在App_data文件夹内附有相应sql文件。通过web.config内注释提示切换不同数据库 二、主要功能 Com层,用于存放通用的工具类 Controllers层,核心页面各个调用控制调配...

    无名微博 3.03.rar

    无名微博是一款开放源代码的程序,你可以在任何项目中任意使用而不需要支付任何费用,并且你也可以很方便的修改源代码来符合自己的要求。 使用说明: 首先配置class目录sina.asp里的四个参数 1.apiKey和secret...

    SimplicityWeather:单一简约风格的flutter天气项目,提供实时,多日,24小时,台风路径以及生活指数等服务,支持定位,删除,搜索等操作

    简约不简单,丰富不复杂 一款简约风格的flutter天气项目,提供实时,多日,24小时,台风路径以及生活指数等服务,支持定位,删除,搜索,语音播报等操作。 作为颤动的实战项目,包含状态管理,网络请求,数据缓存,...

    产品经理学习视频

    7-互联网思维之简约思维.mp4 8-互联网思维之极致思维.mp4 9-互联网思维之迭代思维.mp4 10-互联网思维之流量思维.mp4 11-互联网思维之社会化思维.mp4 12-互联网思维之大数据思维.mp4 13-互联网思维之平台思维....

    To-Do-App:React & Redux 的一个简单的待办事项应用程序

    使用 Redux 构建的简约待办事项应用程序。 这是我对Redux 所学知识的一种实践。 版本 1.0.0 目录 特征 一个极简的待办事项清单。 通过您的声音添加任务。 根据完成状态过滤任务。 手动的 您可以通过以下方式添加...

    阿里云java短信验证码源码-shop:商店

    uni-app简约序模板,全新UI设计,更多交互细节,我们倾尽全力为您提供更加流畅舒爽的体验,增加对支付宝小程序、APP的支持,实现一个后台,管理5个前端。 同时又实现了一套前端代码,发布多个平台,为您的业务可以...

    java开源包101

    Beetl,是Bee Template Language的缩写,它绝不是简单的另外一种模板引擎,而是新一代的模板引擎,它功能强大,性能良好,秒杀当前流行的模板引擎。而且还易学易用。 Java的COM桥 JCom JCom (Java-COM Bridge) 可以...

    无名微博 v5

    4.开源无名微博是一款开放源代码的程序,你可以在任何项目中任意使用而不需要支付任何费用,并且你也可以很方便的修改源代码来符合自己的要求。版本更新:编辑器精简+汉化,同步PHP版本编辑器文章增加私密、禁止评论...

    模型:Angular模型-具有最低限度的API的简单状态管理,一种方法的数据流,多种模型支持以及作为RxJS Observable公开的不可变数据

    具有简约API的简单状态管理,单向数据流,多模型支持以及作为RxJS Observable公开的不可变数据。 网站 具有更多使用方法和示例的 关于Angular Model Pattern简介的 文献资料 Angular CLI项目入门 安装@angular-...

    spark-wallet::high_voltage:用于c-lighting的简约钱包GUI,可通过Web或通过移动和桌面应用程序进行访问

    :high_voltage: 简单简约 :high_voltage: 完全脱链 :high_voltage: 渐进式Web应用 :high_voltage: 个性化主题 :high_voltage: 移动和桌面应用 :high_voltage: 自动自签名TLS :high_voltage: LetsEncrypt集成 :high_...

    桌美主题下载

    这款桌面的设计和风格十分得平和与简约,桌面中在明亮的窗台上面有两个很大的相框,相框的旁边有一个花瓶,在相框的中间印着我爱你... 下载地址:[url=http://down3.51ztzj.com/1053453.rar][b]立即下载[/b][/url]...

Global site tag (gtag.js) - Google Analytics