《设计之下》之交互总结

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

相关推荐

  • 微信团队出品-Sketch插件合集Wesketch

    静电说:微信团队刚刚出品了一款针对Sketch的插件合集-Wesketch,让我们一探究竟吧。WeSketch能做什么?更高效的团队协作,如:UI Kit 同步、色板同步等。更快捷的交互设计,如:图标库、自动连线、标记注释、全局替换文字、字体、颜色。更精准的前端还原,如:补齐宽高导出图片、导出 CSS 代码(支持小程序)等。如何下载和安装?访问Github地址:https://github.com/weixin/WeSketch/blo...

    2018-03-18
  • 2015-2016交互体验趋势

    移动产品篇: 2015年移动应用数量增长依然强劲,但是移动交互体验却在发生着变化。较之去年层出不穷的新颖形式,今年交互体验趋势中,更多的是某一个方面的体验优化与深耕,而较少有创造性的引领者出现。这说明移动…

    2015-04-20
  • 【UXRen原创】一款金融股单APP的设计之路

    作者: 股单小分队 @ 国信证券的产品设计中心   一、交互设计的那些事 许多朋友问我:你大学学的专业不是工业设计吗?都是做产品造型的呀,现在怎么跑去证券公司做交互了? 相信许多做交互设计的朋友和都会遇到这样…

    交互专题 2017-08-07
  • 基于用户体验的性能测试:模拟个别的用户延迟(续)

    本周免费下载杂志:《保健与生活》共计12本,请点击下行红色文字链接获取下载地址杂志推荐《保健与生活》3.       在TestStudio中生成时间延迟使用Rational TestStudio的VuC语言,有很多方法可以生成时间延迟。对于如何使用Think_avg及相关的命令和参数来实现,Rational的文档和培训资料已经做了详细的说明,这里不做深入讨论,只做简要介绍。这个方法只有在Think_avg命令不在计时器(Timer)里...

    2018-02-01
  • 交互设计师的60日计划第十六天

    周五综合症:不想做事...今天把昨天的需求做完善,与产品经理讨论其中的一个问题,然后将细节标注清楚,但是产品最终还没有确认。除此之外,一直在帮要晋级的一个视觉同事想文案,最后得出结论,还是得多读书,书到…

    交互专题 2015-08-20
  • 屏幕外的交互设计:界面设计 ≠ 屏幕设计

    网易UEDC – Vicol :在互联网做设计的朋友,工作中几乎每天都接触着电脑和手机屏幕,像我的交互设计 工作也以接需求画原型图写文档为主。但我今天想说的,和这些看起来没有什么关系。我想说点屏幕外的交互设计 。

    2017-09-28
  • 2017 年网页设计的十大趋势

    又迎来了崭新的一年,让我们来了解网页设计的发展趋势吧。“2016 年是对话式商务的元年。”“GIFs 是伟大的。它们无处不在。”

    2017-05-10
  • 电视交互设计的一些事 | 设计基础15

    两年前,我总结过《Apple Watch交互的一些事》,简单的分享了下手表小屏幕的交互设计。而在过去一年多的时间里,我有幸参与了电视端大屏幕的项目,在不断的尝试、探索和设计中,也收获了一些关于电视端的设计经验,因此将这些“电视交互设计的一些事”分享出来,共同探讨电视端的设计。✨硬件+远距离操控——基本交互基于桌面资料研究以及设计经验,总结了基本交互主要包含以下几个关键内容:遥控器输入、导航和菜单、信息展现、控件摆放和焦点状态。一、 遥控...

    2018-01-30
  • 设计师最好的时代和交互设计最差的时代

    当技术平台化的时候,可能是正在酝酿下一步的技术革命。而现在设计用技术做差异化不是不行,而是很难。还是举facebook的例子,他们现在在招有接近一半的researcher岗位,UX researcher和Quantitative researcher,姑且分为主定性和主定量的用研岗吧,我觉得原因在于,交互设计师内化在心的用研思维难以在大量数据和海量用户面前快速将信息转化为决策,必须由专业人士专职来做。

    2017-06-05
  • 如何用axure参与团队项目

    1、下载安装axure破解版,可以去axure.com下载。这里为了方便大家,分享个人的百度云盘资源,链接:https://pan.baidu.com/s/1o9qFOyY 密码:hodp2、下载File Zilla,File Zilla从百度上搜索即可下载,这里不需要多言,以下主要讲讲如何配置File Zilla。Ctrl+S创立本地站点,输入主机IP地址,协议默认是SFTP,输入团队用户&密码,点击连接,进入团队项目。3、在团队项目...

    2018-03-15