《设计之下》之交互总结

作者:ManUx

拖了很久的读书笔记总结,总算稍稍总结了一下。有些内容都已经开始模糊了,每次重新再看的时候,又会发现跟之前不一样的理解。这篇读书笔记主要是对《设计之下》交互部分进行总结,书中基于搜狐新闻客户端阅读圈,通过解释需求、交互模型、功能系统以及信息架构四部分,阐述了阅读圈从需求诞生到界面形成的整个设计思考过程。我基于书中的三个模型(交互模型、功能系统、信息架构),以自己的视角和理解,对阅读圈的设计重新思考并做了整理。

 

02f67855cfdc8f0000014ed7e56e11

首先,个人觉得交互设计的价值在于从用户的角度去思考,把需求和功能界面化,帮助用户以良好的体验完成目标。因此,整个笔记总结的思路也是沿着这一观点进行的。

我们很多时候拿到产品的需求说明书,总是无从下手,原因在于需求说明书只提到了产品需要有这样那样的功能,但并没有说明为什么需要这些功能,也就是我们并不知道产品背后的逻辑。不了解产品背后的逻辑,我们就无法理解真正的用户需求在哪里。

1.交互模型

所以,在界面设计之前,我们首先需要梳理一下需求。于是我们就会用到交互模型。交互模型包括了交互的五要素(人、工具、动作、用户目的以及环境),我会把这五要素看成是产品设计的约束条件。以阅读圈这个产品为例,里面的人包括用户本身,好友,潜在好友。这些人在阅读圈(工具)里面看新闻,抒发一下自己的情感,觉得好的内容还会分享出去,好友之间看到大家分享的内容,还会相互评论,最终达到用户的目的——获得自己感兴趣的内容。通过分析,我们发现了用户的痛点在哪里。但是,我们抓住用户的痛点去设计,这个产品就一定能成功吗?并不见得。网络上有各种各样的新闻客户端,它们都能解决用户的痛点,但不是每款都能成功。所以,我觉得,我们还需要从商业的角度去理解产品。怎样才能让用户用我们的产品?要提高产品的商业价值,设计上要关注用户黏性。结合产品的用户目的和商业目的,我们需要找到一个同时满足这两个目的方案,也就是核心需求——增加用户的好友数量。如果用户的好友数量越来越多,那TA持续用这个产品的几率就会越大(解决商业目的);同时,好友越多,分享的内容也会越多,用户挖掘到自己感兴趣的内容的几率也会越大(解决用户目的)。

因此,我们通过交互模型分析,得出了产品的核心需求。接下来要考虑的是,如何围绕这一核心需求对功能进行细化?

2.功能系统

我认为,首先需要对核心需求进行分解。也就是我们能通过什么途径实现这一需求。书中提到,一共有四种途径可以实现这一需求。1.用户通过新闻评论认识其他用户并加为好友 2.通过其他社交网站(新浪微博、腾讯微博等)引入好友关系 3.系统数据挖掘并推荐 4.添加朋友的朋友

这四种方案,并不是可行性都相当高。所以,我觉得需要对它们的优先级进行评估。另外,评估了优先级后,我们可以有侧重地解决那些优先级高的途径,因为产品系统越庞大,就越难兼顾所有功能,必须有所舍弃。我认为评估标准是:1.用户通过这一途径增加好友的意愿 2.系统/用户界面为用户提供这些信息的难易程度。在考虑优先级的同时,我们还应该同时考虑产品的辅助功能,以帮助更好地实现核心功能。最后,经过分析,我认为2、3、4三种途径都可以基于个人中心这一辅助功能进行拓展,而1这种途径则通过新闻内容页面来实现。

因此,我们就大致整理出阅读圈这个产品的核心功能和辅助功能,以及这些功能之间的关系。

3.信息架构

接下来,就是信息架构的整理,实际上就是功能的内容细化,细化的关键在于时刻考虑功能与功能之间的关系。比如“评论者”这一要素需要有评论和姓名这两项内容。为什么需要有姓名?姓名可以提供该评论者个人页面的入口,增加被关注的可能性,而关注和被关注实际上就是产品的核心功能。

4.总结

其实,我觉得并不是所有产品都能这么有逻辑这么理性地得出设计的结论的。这里能分析地比较详细,主要也是因为书中已经有了相当一部分的结论了,我只是沿着书中的思路进行总结和整合。在实际设计中,更需要设计师与产品经理之间的沟通,以及设计师们的创造力。

 

另外,书中有一句话让我印象很深刻。作者把交互设计比作编剧,把操作流程比作剧情。电视剧剧情追求的是悬念不断、跌宕起伏,太平淡了就抓不住观众。但是产品所追求的”剧情“却恰恰与电视剧相反,流畅和平顺才是基本需求,用起来越轻松越抓得住用户的心。

以下是从书中总结的,如何使操作流程做到顺畅、平滑?

1.使用自然思维(不要以为用户总能理解设计师设计的页面层级和架构)

2.从生活中借鉴

3.从产品的实际场景出发,想用户所想,围绕目标和行为进行设计

4.让用户少费脑筋(层级多少很多时候不是衡量设计好坏的标准)

还有很多思考的不周全的地方,待到有了更深的理解再补充吧。

来源:《设计之下》读书总结  作者授权发表,转载请联系原作者ManUx。

 

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

(0)
TinadminTinadmin
上一篇 2015-08-18
下一篇 2015-08-19

相关推荐

  • 交互设计 ▏当谈论『隐形设计』时,大家会谈些什么?

    设计并不总是耀眼夺目的艺术。它讲究微妙、实用,而且常常是不确定的。很简单,好的设计往往是隐形的。原作者:Carrie Cousins 翻译:IFEC团队译者 十萬個為什麼当你创造网页、移动应用甚至智能手表的交互时,就是…

    2017-08-01
  • 怎样做好汽车交互设计?

    文章来源:汽车造型设计编辑整理:IO酱车内交互系统看似只是整车的一小部分,但由于承担了车辆和用户的“交流”任务,因此里面涉及到的内容很多,每一项拿出来都需要巨幅讨论,今天我们就和大家概括谈谈这里面的几点。目前重点汽车交互设计是决定智能汽车发展水平的重要标志,现阶段智能汽车在此方面关注的主要一点是用户体验。设计流程汽车交互设计的一般流程包括:1. 需求沟通;2. 资料调研;3. 专家评估;4. 用户研究;5. 需求及信息架构梳理;6. 概...

    2018-03-15
  • PM的利器——流程图基础

    一、什么是流程图?流程(flow):一系列的逻辑关系(因果关系、时间先后、必要条件、输入输出),在特定的情境下满足特定用户的特定需要的总结。固化、变化。图(chart):形式表现;图形化、可视化;传播性、优化迭代性;二、为什么要画流程图?流程图:角色、流转、规则、顺序、输入、输出;流程图三、流程图有哪些?(1)设计草图:角色、任务、逻辑、输入输出(2)线框图、交互原型图:内容、布局、权重、交互手绘线框图sketch线框图(3)视觉图、U...

    2018-04-08
  • 不会编程?Axure一样可以做网站

    说起Axure,做产品的朋友再熟悉不过了,它是我们在日程工作中最常见的原型制作软件之一,今天分享的文章,主要是教大家如何使用Axure打造简单的个人网站,不会编程我们依然可以做网站。接下去将分为几个步骤去阐述:1. 这些我们必须知道的小知识axure是可以生成html文件的,这为我们使用它来制作网站提供了可能性axure只能搭建小型的个人网站 ,他不具备数据库,比较适合做展示类的网站和普通网站构建一样,我们需要购买域名和购置虚拟服务器2...

    2018-03-04
  • 从2种形式和4种附加价值,来浅谈APP启动页

    当应用程序被用户打开时,在程序启动过程中被用户所看到的过渡页面(或动画)都被我们统称为启动页。为了增强应用程序启动时的用户体验,您应该提供一个启动图像。启动图像与应用程序的首屏幕看起来非常相似。当用户在主屏幕上点击您的应用程序图标时,iPhone OS会立即显示这个启动图像。一旦准备就绪,您的应用程序就会显示它的首屏幕,来替换掉这个启动占位图像。
    ——摘自苹果官方对于iOS启动页的设计说明

    2017-05-05
  • 是时候聊聊具有直觉性的UI和交互设计了

    UI和交互设计中常常会强调某项设计需要足够的“直觉性”,但是直觉性的设计说来容易,实现却往往差强人意。但是不得不承认,它是目前交互和UI设计的刚需。“想象一下,如果桌面上反过来一颗球让你去转动控制,感觉应该比鼠标运作顺畅些。我们原本认为这是个好点子……可是我以前从未观潮这种触感的细节。”“当孩子们操作鼠标和遥控杆的时候,会不自觉地低头看输入装置……后来有人想到,如果操作时运动肌肉群范围较大,也许他们可以不必低头。我们做了一个大型轨迹球装置,让他们可以用手臂甚至肩膀牵动来操作,这样就把问题解决了。”“我们先是观察什么样的操作方式比较合乎自然,然后提出想法,再进行测试。”“心智模型指一个人对于事物运作的思维过程,即一个人对于周遭世界的理解。心智模型的基础是不完整的显示、过去的经验甚至直觉感知。它有助于形成人的动作和行为,影响人在复杂情况下的关注点,并确定人们如何着手解决问题。”(如果你仔细观察,会发现这个时候的设计师将纸的纹理运用到窗口上,此处的设计和Material Design 中纸的隐喻不谋而合,这又何尝不是一种潜意识的引导呢?)

    2017-05-16
  • 非设计专业的学生,如何系统的学习交互设计

    数十万互联网从业者的共同关注!作者:青溪Joanna微信公众号:qingxizhaji(青溪札记)作者投稿早读课发表,转载请联系作者。曾经我也是一名非设计专业的学生,作为自动化专业的硕士希望自学做交互设计,有很长一段…

    2017-08-02
  • Axure基础

    目录(使用微信自带页面搜索功能)第一章 使用元件基础1. 添加元件到画布基础2. 添加元件名称基础3. 设置元件位置/尺寸基础4. 设置元件默认角度基础5. 设置元件颜色与透明基础6. 设置形状或图片圆角基础7. 设置矩形仅显示部分边框基础8. 设置线段/箭头/边框样式基础9. 设置元件文字边距/行距基础10. 设置元件默认隐藏基础11. 设置文本框输入为密码基础12. 设置打开选择文件窗口基础13. 限制文本框输入字符位数基础14. ...

    2018-03-15
  • 用户体验之网站导航设计师指南

    以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具。“如果用户在导航上遇到困难,他们通常会犹豫是否要回到网站上。”大多数人可能有过这样的体验,当你打开了一个APP,由于没有导航或者导航设计不合理,你花费了很多时间去寻找你需要的东西。那么你很可能不会逗留在这个页面,甚至不会再想使用这个网站。那么你如何创造出“清晰,简单,一致”的导航呢?让我们来模拟一个场景,你在一个星期天的早晨出门去买自己喜欢...

    2018-03-14
  • 2018年交互设计和用户体验设计趋势合集

    来源:沪江用户体验中心&Nick Babich,翻译丨优设陈子木设计和体验从未像现在这么重要。在过去的10年当中,设计不断适应着用户的新需求,发生了翻天覆地的变化。虽然我们不大可能预测太远的未来,但是我们仍然可以对明年的设计趋势有一个基本的猜测。今天的文章,我们将会探讨2018年影响用户体验设计领域走向的10个关键性的设计趋势,这些趋势甚至可能会持续几年。1、专注内容的体验设计近年来,设计师越来越倾向于采用极简和扁平化的设计,这种设计策...

    2018-02-06