《设计之下》之交互总结

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

相关推荐

  • 读书会第三期:《交互设计指南》

    《交互设计指南》的作者Dan Saffer是旧金山一家产品设计资讯公司Kicker Studio的负责人,也是交互设计领域的思想先行者,经常在国际进行各种演讲活动。这本书在国内最常见的是2010年发行的第2版中译本,其实它在2006年就有了第1版的英文版,它在10年前的目标读者群是设计行业的资深者,现在很适合交互设计师入门通读。交互设计的4种方法从2003年至2010年常见的交互设计方法论共有4种:以用户为中心的设计、以活动为中心的设计...

    2018-04-20
  • 艺术留学新宠—交互设计选"综合类"院校和"艺术类"院校有何差别?

    在当下这个数字智能急速发展的时代,交互设计成为了热门探索领域,同时它也是当下最受欢迎的留学专业之一。相较国外,国内开设交互设计专业的院校较少,即便有,也是和工业设计专业剪不断理还乱。而真正的交互设计包含的范畴更广,这一点从国外不同院校的交互类专业方向上可以看出,其教育框架完全在APP这一分支之上,而表现形式也不局限于媒体、数字、艺术、装置等。对于想要申请国外顶级交互专业院校的同学来说,确定好自己想要探究的专业领域是选校时的重要参考标准。...

    2018-05-07
  • 招聘 | 年薪百万不是梦,八爪鱼一大波高薪职位与伯乐奖在等你

    八爪鱼又开始招人啦如果你对大数据充满热情技术与才华兼并就赶快行动吧行业销售总监(政企)企)N15k-30k /深圳 / 经验3-5年 / 本科及以上 / 全职>>>岗位职责:基于公司的大数据产品、资源和技术,面向企业/政府等客户,提供数据采集软件、数据分析产品,数据服务,大数据解决方案等产品或服务;销售团队的人员招聘,管理及考核淘汰工作;完成客户需求的挖掘,商务谈判,项目回款工作;负责外部销售渠道和资源的对接,开发与维护;配合市场运营部...

    2018-03-15
  • 微信10个交互细节问题的探讨与重设计

    文章分析了微信交互设计中的几个细节问题,与大家分享,希望能够给大家带来一定的启发。A:「朋友圈老是有红点,我又有见到红点不刷不舒服的强迫症,只好不停地去刷,时间就这么过去了T_T」

    B:「那你关了呗」

    A:「关了更会想,虽然没提示,但是不是有更新呢……于是刷得更频繁了」

    BCD:「……」A:「我给朋友晒结婚证的朋友圈点了赞,然后一整天都在收到别人点赞和评论的提醒。」
    B:「说明你朋友人缘好呗」
    A:「可是,不停地看到红色数字,点进去却发现全是别人之间的互动,自己发的朋友圈无人问津,会很失落的」
    ABCD:「……」

    2017-05-10
  • 蜕变.进化——百度云Android端7.0项目总结

    项目背景: 百度云面世之初是一款网盘类产品,以安全、稳定、易用、快速的体验著称,经历近两年时间的升级优化,百度云已不仅仅只是“网盘”了,在慢慢的朝着平台化的方向不断发展。 旧版的Android客户端随着每一次版…

    2015-03-18
  • 帮你创造优质移动端UI的7项最佳实践

    在几年前,关于网页和APP谁做主导的话题还很热,但是现在看来,APP无疑已经是为用户提供内容和服务的主流了,它是用户最信赖的内容和功能的呈现方式。于是,随之而来的问题就是如何在竞争无比激烈的市场中,让你的APP在诸多同类中脱颖而出,并且让用户留在你的APP当中。留白常常被认为是一个活跃的元素,而非被动存在的间隙和背景。—— Jan Tschichold小贴士:有效的移动端APP信息推送策略是采用多种类型的信息推送机制,推送通知,电子邮件,应用内通知,新闻Feed等。多样化的信息推送通过合理的协调,创造良好的用户体验。

    2017-05-15
  • H5时代的多行文本框

    说起输入框,大家都耳熟能详了,今天跟大家谈一谈H5时代的多行输入框!首先一起回顾下输入框在PC端的应用:

    2017-06-04
  • 视觉设计趋势预测 2015年-2016 年 (a)

    视觉设计是一门随着时代发展与社会变迁,随着人类认知提升与生活环境变化……

    2015-01-02
  • 优秀的移动端UI,应当如何用微交互打磨细节?

    你的UI和交互设计中的每一个元素都是至关重要的,一个又一个细节设计让你的产品最终脱颖而出,而真正让人难忘的产品,靠的是这一个个精致到位的细节堆出来的。

    2017-05-19
  • 从2种形式和4种附加价值,来浅谈APP启动页

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

    2017-05-05