《设计之下》之交互总结

作者: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

相关推荐

  • 从产品需求角度,看设计的5层需求金字塔

    举例来说:人们在满足基本的温饱后,才会追求身体健康、安全的住所,接着要求社会地位等等,文艺一点来讲,人如果连追求高尚的权利都没有又何谈高尚呢?举例来说:我刚加入团队的时候,由于需要做大量整改设计,有一些小需求设计到产品设计,会立马询问程序员的开发难易度,并且选择最简单快速的方案,但事后却发现功能点没有想全,更重要的是频繁的打扰降低了开发组程序员的工作的节奏。

    2017-05-16
  • 网易云音乐交互负责人|从一次活动设计,聊聊交互设计师的3个阶段

    交互设计师的三阶段:有美感、有逻辑、有sense

    2017-05-18
  • 用户体验如何做到既简洁又安全?

    无可否认,这是最好的时代。移动支付如火如荼,人人只靠一部手机就能轻松走天下。但许多智能应用还没有跟上便捷的潮流,依然存在许多令用户抓狂的细节。比如当年春运抢票,逼死人的图形验证码让多少人大喊崩溃?还有,各种移动App那左等右等都等不到的短信验证码,也足以让用户“知难而退”。尤其是近些年来,随着手机取代钱包成为新一代支付手段,短信验证被大规模使用,注册APP或者付款,都绕不过短信验证这一关,但短信验证要耗时等待,还要手动输入,非常麻烦。许...

    2018-01-30
  • 值得你深入了解的交互设计五大支柱

    1、用户角色(Persona):Persona文档(控制在2~5个)通常需要包含你的目标用户。作为Persona中的虚构的角色,它的属性和特征是 基于产品研究和用户定位来设定的,用作后续设计过程中所面对的“理想用户”,本质上,它就是一个占位符。作为人物设定,其中会包含个人信息,远不止于年龄 和收入信息这么简单。Persona 文档的目标是利用角色来验证你的目标用户是如何感受如何看待你的设计的。
    2、移情地图(Empathy Map):它像是一个轻量级的Persona文档,在资源短缺时间紧的状况下,可以使用这个文档。Empathy Map 将 Persona 中的角色的个性和性格部分移除了,更加专注于用户在特定情况下的感受。
    3、用户剧本(User Scenario):如果Persona 是帮你设计了一个故事中的角色,那么User Scenario 就是故事的剧本。用户剧本通常是围绕着一个特定目标来设计的。比如说,第二天是母亲节,要为母亲预订一份礼物。目标很明确,要达成目标,用户需要点击几次 按钮,走哪些流程,需要多长时间,如何在过程中融入情感,贯穿始终。对整个用户流程有了预判之后,设计师对于UI和UX的设计就有了把握。
    4、用户地图(Customer Journey Map):这份文档同上门的用户剧本很像,但是它比起前者跨度更大,贯穿体验设计始终。设计人员可以对产品的背景有更深入的了解才能更好地设计,而产品投 入使用之后也不是最终结束,这也是跨度如此之大的原因所在。用户旅图将会涵盖角色信息、用户剧本和移情地图的全部信息。这么设定并不是要让用户旅图成为一 个大杂烩,而是要将用户性格和用户流程、交互过程结合到一起来看待问题,每个阶段不同环节,都牵涉到不同的情绪和情感。Affordance 是 James J. Gibson 造出来的一个词,Gibson 是20世纪最重要的认知心理学家之一,他的生态学式视知觉论和直接知觉为认知心理学开辟了新的领地。affordance 是 afford (提供、给予、承担)的名词形式,环境的 affordance 是指这个环境可提供给动物的属性,无论是好的还是坏的,所以我认为“可供性”是一个合适的翻译。Gibson 用来解释 affordance 的例子是这样的:如果一块地表面接近水平(而不是倾斜的),接近平整的(而不是凸起或凹陷的),以及充分延伸的(与动物的尺寸相关),如果地表面的物质是 坚硬的(与动物的重量相关),我们可称它为基底、场地或地面,它是可以站上去的(stan-on-able),可让四足或两足动物保持竖直姿势,它是可以 行走(walk-on-able)和跑动(run-over-able)的,它不像水表面或沼泽表面之于一定重量的动物那样是可陷入的(sink- into-able)。列出的四项属性——水平、平整、延伸和坚硬——它们是这个表面的物理属性,如果以物理中使用的度量衡去衡量它们的话,但是对于特定 动物的支撑可供性,它们必须与动物关联上才可以被衡量,它们不是抽象的物理属性,它们是为所指动物特定的,与动物的姿势和行为相关,所以 affordance 不能像我们在物理中那样来衡量。能指和所指是语言学上的一对概念,能指意为语言文字的声音,形象;所指则是语言的意义本身。按照语言学家或者哲学家们的划分,人们试图通过语言表达出来的东西叫”所指”,而语言实际传达出来的东西叫”能指”。

    2017-06-04
  • 淘宝UED的设计流程

    国内知名 UED 团队的设计流程是怎样的? 淘宝 UED 的设计流程图 <img src="https://pic4.zhimg.com/75bcc954c5e1695eeeeb1710eb62c947_b.jpg" data-rawwidth="4000" data-rawheight="1678" clas…

    2016-06-01
  • MECC UED年终惊喜大放送

    时间是让人猝不及防的东西;岁月是一场有去无回的旅行。岁末年初,我们用一场部门小聚来辞旧迎新。有美食,有美景,更有大惊喜哦~首先要感谢在背后默默筹备了1周的工作人员,感谢组织为大家准备了这个充满惊喜的小聚会~感谢她们!👏👏👏👏👏这次我们年末小聚的地点是位于岭南天地——Loccy餐厅三楼那一天天空很高,风很清澈,从头到脚趾都快乐(就是有点冷)清新的绿植、简约的装饰、精致的餐具~最吸引人的还是这满满的礼物堆!现场准备了许多小道具供大家卖萌装逼...

    2018-02-24
  • Axure原型管理与展示

    因为墨刀是自带生成分享链接以及分享二维码功能,这里主要写关于Axure的原型管理与展示。AxureShareAxureShare是Axure RP官方的免费原型托管网站,可以直接在Axure中共享发布。发布后Axure的源文件也会保存在官网的地址中,在其中还可以设置访问密码。But, 这么好用为什么用的人少呢?因为访问的时候,会慢的你心碎。2. 产品大牛产品大牛是济南公司开发的产品托管网站,解决了Axureshare连接速度慢,访问体验...

    2018-03-24
  • 这是我作为交互设计师一年来的总结

    毕业后加入百度成为一名交互设计师已经整整一年了,现在把一些和工作、职场的相关经历和感受写下来。希望能对即将踏进职场的学弟学妹有所帮助。

    2017-05-22
  • 使用无序列表的7项注意

    小圆点有助于分割大段文字,使得复杂的文章和博客更容易消化,突出关键信息。如何运用好无序列表?这篇文章提出了7个注意点。

    2017-05-02
  • 112家IT公司薪水一览表

      本文转自:人人都是产品经理 作者是西电通院2013届毕业硕士,根据今年找工作的情况以及身边同学的汇总,总结各大公司的待遇如下,吐血奉献,公司比较全。以下绝对是各大公司2013届校招的数据,少数几个是201…

    2014-10-13