读书会第二期:《用户体验要素》(下)

接上文···框架层1界面设计界面设计要做的全部事情就是选择正确的界面元素。界面元素的种类繁多,书里列举了复选框、单选框、文本框、下拉菜单、多选菜单、按钮等一系列网站设计中常用的控件,在2001年的时候这些控件就已经出现了,至今仍在大量使用,但是作者写这本书的时候并没有预料到目前的互联网行业有多么繁荣,所以近些年出现的很多新控件都没在书里。目前ios平台和安卓平台都有完善的设计规范可供参考,网上也可以找到海量的控件模板,只要耐心积累,多观...

接上文···

框架层
1
界面设计

界面设计要做的全部事情就是选择正确的界面元素。界面元素的种类繁多,书里列举了复选框、单选框、文本框、下拉菜单、多选菜单、按钮等一系列网站设计中常用的控件,在2001年的时候这些控件就已经出现了,至今仍在大量使用,但是作者写这本书的时候并没有预料到目前的互联网行业有多么繁荣,所以近些年出现的很多新控件都没在书里。

目前ios平台和安卓平台都有完善的设计规范可供参考,网上也可以找到海量的控件模板,只要耐心积累,多观察其他界面的设计优劣,这些基本功很容易就能打结实的。

另外有一点要注意,在2008年移动互联网盛行以前,界面设计指的工作岗位往往是由一位设计师独立承担的,这就是广义的UI设计师(User Interface:用户界面),那时的UI设计师主要负责的设计任务就是网站的界面设计,他们的工作核心就是“实现功能”——把产品经理在范围层划定的功能实现到界面上来。

但是在2008年移动互联网盛行以后,UI设计师的工作职责就逐渐开始细分起来了,国内的互联网行业以北上广深这些一线城市的名企为首,把UI设计师彻底分为了交互设计师和视觉设计师,交互设计师负责信息架构和界面框架,视觉设计师负责视觉效果和切图,我们在几年前常听到的“UI设计师”就是指一个人就把界面从交互到视觉都实现出来的设计师,现在基本上已经划分为交互和视觉两大块了。

所以大家在读这本书的时候尤其要注意,不要把书里的界面设计师和现在我们所讲的界面设计师混为一谈,它们名字一样,负责的岗位职责却各有不同,你要搞清楚自己干的活到底是框架层还是表现层,关键看你到底做了那些事,而不是你的岗位名称叫什么。

读书会第二期:《用户体验要素》(下)

2
导航设计

导航指的就是指引用户前往他想要去的地方的指路牌,产品里的导航形式有很多,每年也都会有些新的导航出来,它在框架层也是设计框架的要点之一,大家最常见的就是分类导航和分面导航,这点没什么可说的。

读书会第二期:《用户体验要素》(下)

书里提到了很多导航的逻辑形式,比如全局导航、局部导航、上下文导航、网站地图等等,我认为新手学习导航最好的办法就是多画信息架构,你在网上或者应用商店找那么几十个产品画出他们的信息架构,临摹下他们的导航展示形式,自然就慢慢摸会了。

不要看不起这种笨办法,笨办法往往有奇效而且并不怎么降低你学习的效率,如果你总是琢磨这些逻辑性的东西,企图看懂了文章就掌握了技能,这只能骗骗你自己,将来下笔的时候还是不知道该怎么画。

3
信息设计

书里对信息的设计写了几页的篇幅,总共就提到了两个关键点:“信息排序”和“分类整理”。每个界面上呈现的信息都有重要程度上的排序,优先展示重要的信息,把不重要的信息隐藏起来,同类信息进行归类,这些都是我们常用的信息整理方法。

作者是根据网站的界面来写这篇文章的,所以他认为在做信息设计的时候要把整个界面的信息都结合起来考虑,但是在某些网站或者app里面,有时候一张页面里面可能会有多个设计团队分别处理里面的模块(大企业的分工制度很完善),比如整个首页一部分划给你做商城,一部分话给我做社交,这时候的信息设计就是局部的信息设计了,合起来的时候还是要考虑整体信息呈现的一致性的。

另外,对于条目的信息设计是更细致的功夫,这尤其考验设计师对用户的把握。比如商城的推送往往和价格结合在一起,文章的阅读经常会有阅读量的展示,游戏和应用是按照下载量在排行榜展示的,这些都是因为用户对这些数据比较关注,所以设计师才会把它们呈现在外面。

4
线框图

很多人会怀疑,线框图还需要专门练习吗,只要懂得绘制铅笔画,任何人都能用线框把界面绘制出来,这似乎是一种初上手就能学会的技术,这也是大多数人觉得交互设计师和产品经理入行不需要门槛的原因。

在这本书里,线框图的讲解只占了不到四页的篇幅,作者似乎并不看重它的作用,实际上线框图没有那么简单,它是把设计师对用户的了解、对功能的剖析、对界面的设计呈现出来的最终结果,我赞同作者的看法,线框图是对页面中所有组成部分最直观的描述,只要能把它画出来就算把功能落实了。

但是遗憾的时候,目前互联网行业的交互设计师还是需要练习绘制线框图的,不仅要练习绘制,还要懂得怎么把线框图变成完整的交互文档,这并不是为了更好的呈现想法,而是为了减少沟通成本。

公司的员工各司其职,你不能指望运营同事和研发同事能通过一张简单的线框图理解你的全部意思,完整的交互文档必须有完备的标注,考虑到各种异常情况的应对,页面跳转的关系,甚至是精确到像素级别的线框图形(部分大企业有这种要求,中小型企业的产品界面往往是落到视觉设计师手里的时候才会精确到像素级),这些详细的描述都是为了更好地减少沟通成本。

完备的标注能够削减大量潜在的风险,一方面帮助系统提前解决掉大量BUG,另一方面也能避免因漏洞产生的损失,这些都是很有必要的,线框图可以说是前面从战略层、范围层、结构层到框架层最终凝练出的界面成果,是产品成型的最后一道防线,希望大家不要掉以轻心。

读书会第二期:《用户体验要素》(下)

表现层

创建感知体验

作者眼中的表现层包含了所有用户能接触到的感官体验,包括拿到电脑的触感、耳朵里听到的开机声音、眼睛里看到的多彩画面,这些都属于表现层的一部分,对于工业产品来说表现层代表了用户对产品形成的印象,而对于互联网产品来说,考虑到表现层基本上只要考虑视觉效果就可以了

视觉焦点:人类的视觉焦点会随着界面元素不断移动,焦点的移动轨迹会沿着“动画 > 图片 > 关键字 > 普通内容”的顺序前进,优先会被动画吸引,其次才会被图片和标题吸引(由此你可以知道那些总在网页右下角弹出来的动画广告有多烦了吧~~屠龙宝刀,点击就送!),在阅读的时候会沿着“F型”的轨迹移动。

对比和一致性:视觉的对比和一致性在任何视觉教学课程、艺术学院的授课里都有详细的阐释,就连那些讲“PPT该如何制作”的视频里也充斥着各种讲解,对比和一致性的确是视觉领域最常用的概念,这就是老生常谈了,这里不讲。

配色方案和排版:整套的配色方案应该和品牌形象结合在一起,不懂得取色的可以用取色板调节,这些视觉的设计方法网上有超多的大神可以教授,就不用在这本书里寻求指路明灯了,与其在这里看它的文段,还不如在站酷上找个高手学两招管用呢。

值得注意的是,书里提到的网站栅格方法至今还有很多企业在用(因为真的很好用),即使是移动端的app也可以使用栅格的办法保持一致性。栅格只是一种让界面元素保持一致性的设计方法,并不是什么神秘兮兮的高科技工具,原理就是把整个界面切割成统一规格的方块,对初创团队来说没那么必要,有它过年没它也过年——但是视觉规范还是要制定的,可以大幅度减少后期的修改成本。

读书会第二期:《用户体验要素》(下)

读书会第二期:《用户体验要素》(下)

要素的应用

马拉松和短跑:书里提到的这两种产品形态,马拉松指的是长期迭代的产品(多供给于C端),短跑指的是一次性交付的产品(多供给于B端或者硬件设备),作者之所以在书中会对那些企业家举马拉松和短跑的例子,是因为传统企业售卖的产品往往是离手便交易完成的一次性交付的产品,比如买瓶水或者买个苹果,买定离手就算交易完成了,但是用户体验类型的产品需要“圈住”用户,网站要不断的有用户访问才会产生价值,所以作者用马拉松和短跑的例子劝说那些传统企业家,他做的网站和传统的商品是完全不同的两码事

目前互联网行业的产品大多都是“马拉松型”的,需要不断迭代才能维持住竞争力,一次性交付的产品大多是硬件设备或者针对B端的打包服务,但是随着竞争的愈发激烈,这种一次性交付的产品也逐渐向着迭代型产品过渡了。

比如原本买完就算交易完成的B端后台系统,现在从一次性买断变成了不断推出后续服务,签订长期合同;手机从十年前的买定离手,变成了买到手里后系统可以不断更新,只是更新频率没有app那么高,像苹果或者小米就总会隔段时间就来个更新,以前可没有这种事。这不是这些厂家主动迎合互联网浪潮产生的变化,而是市场竞争加剧,不这么变公司就活不下去了,所以产品的更新往往是因为市场的更新,作者在文中也是这个意思,产品从短跑变成了马拉松。

读书会第二期:《用户体验要素》(下)

最后总结

相信大家也看出来了,所谓的用户体验五要素的分层理论,其实目前的互联网企业里已经有了相当娴熟的应用,它就是你的日常工作,只是从范围层变成了俗称的需求文档,从框架层变成了俗称的交互文档,各方各面其实在工作中都可以看到它的影子。

这就是设计方法论,它提出的是一种概念而不是具体的指导方法,你可以从这些文章里学习到设计的理论,却不能从职场新手变为成熟的工作者,如果你想更好地完成交互设计工作,还是多积累些需求文档和交互文档的工作经验吧。

读书会第二期:《用户体验要素》(下)

读书会第二期:《用户体验要素》(下)

读书会第二期:《用户体验要素》(下)
相关阅读
读书会第二期:《用户体验要素》(上)

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/36445/

(0)
交互精选交互精选
上一篇 2018-04-12
下一篇 2018-04-13

相关推荐

  • 怎样绘制用户体验地图

    内容来自梁宁老师的《产品思维30讲》,这里是第17讲的笔记。怎么画用户体验地图1.完整的用户角色:需要对「第一只羊」有完整地了解。 (「第一只羊」的话题留在下次介绍)2.清晰的目标和预期:清晰描述用户的目标和预期,他为什么来到你的草地上?他要什么?比如,用户买钻孔机,但是他的目标不是拥有钻孔机,而是需要在墙上打个洞。比如吃饭,用户目标是吃饱?还是想要营造气氛?还是想获得一次交流机会?搞清楚用户的目标和预期到底是什么。3.服务触点:用户从...

    2018-04-01
  • seeds对话未来丨“用户交互设计天才”Kaveh Shirdel

    对话未来丨seeds系列分享会seeds, 由蔚来原创打造,是一个分享有趣观点、新知与灵感的讲堂,它寓意着每一个思想的火花都像一颗种子,被灵感浇灌后,汇成大树。2015年3月seeds诞生,从一个面向蔚来全球员工的内部讲演平台,发展到不断吸引各行各业的主讲人,并且在蔚来App公开直播的产品。到目前为止,seeds 已举办了13场演讲。今年,seeds会走进我们各个城市的蔚来中心,成为常设活动。我们也欢迎各位用户成为seeds的主讲人。人...

    2018-04-29
  • 2018年04月05招聘岗位

    招聘服务员工资底薪2500加提成收银员2700元加提成招聘电话:8663888,15750516333 13948455099促销员20名,要求:年龄20-40岁,时间15-20天,底薪(80一120),提成+提成工资多劳多得!加微信15849572346了解工作内容,今日下午3点面试掌上明珠全体员工欢迎你的到来!招聘电话:158495723468876688内蒙古泽强医药有限公司招聘职位及岗位需求:一、人力资源专员具体要求:1、年龄2...

    2018-04-09
  • Axure RP 8.0 软件激活 安装教程 激活码 序列号

    点击上方蓝字关注免费领取百度网盘超级会员等部分软件没有贴详细教程和网盘链接,可以给公众号留言发信息,也可加微信:qihai-77当你需要的软件我们没有发布时,可以给我们留言或者加微信:qihai-77反馈哦链接:https://pan.baidu.com/s/1VjyU1Ok307Go4VaV54LhcA密码:3nf7有任何需要安装的软件或问题可咨询微信客服:qihai-77链接失效可在公众号留言某某链接失效 或联系微信客服:qihai...

    2018-03-29
  • 十张图看懂交互设计原则

    一致性保持视觉统一性,才能加深用户对产品品牌的认知,降低用户的学习成本可视性用户一看便知的操作方法认知不一味只求美感或者感觉,而是从一般人的认知习惯,比如视觉,阅读,记忆,学习等多方面开展设计反馈用户需要接收到操作结果的完整、持续的反馈信息自然操作流程顺畅不生硬,节点、逻辑跳转符合人类的思维习惯情感化与人文关怀赋予设计的产品生命力和亲和力,不要把产品当成一个冷冰冰的使用工具错误控制考虑可能出现的人为差错,在设计的时候先行避免效率简化任务...

    2018-04-12
  • 文娱寄卖 | 京东用户体验部喊你来填调研问卷啦!

    全文字数:  1800阅读时间:   6分钟嗨,收藏大咖们你们好!我是来自京东集团电子文娱技术研发部的一名用户体验师。刚接触京东文娱寄卖业务的时候,我并不太熟悉邮币卡、书画等市场,只是经常听朋友和亲戚讨论文玩藏品。当与很多邮币卡商、书画商沟通之后,我看到的是20多年的坚守、30年不变的初衷以及因线下市场低迷导致的生活压力。顷刻间我明白了,京东文娱寄卖商城的人文情怀,这其中是对行业的挚爱以及解决用户需求痛点的执着。用户体验部钱币溯源,追忆...

    2018-04-25
  • 校园招聘 | 网易交互设计实习生

    网易交互设计实习生公司简介网易2001年正式成立在线游戏事业部,与广大游戏热爱者一同成长15年,是全球领先的游戏开发与发行公司,自主研发了《梦幻西游2》《大话西游2》《天下3》《乱斗西游》《梦幻西游手游》等几十款倍受玩家喜爱的热门端游和手游,更独家代理了《魔兽世界》《炉石传说》等多款风靡全球的游戏。 2015年,网易游戏正式开启“游戏热爱者”品牌战略,用自身行动传导热爱者价值,并全面启动“聚合精品,共享热爱”战略计划,以全球化视野为游戏...

    2018-02-10
  • 手机系统苹果、安卓交互设计的通用原则总结!

    :请点上面免费订阅系统的设计从用户角度来说,交互设计是一种如何让产品更容易用,让用户更愉悦地使用产品。它致力于了解目标用户和他们的期望,了解用户在同产品交互时彼此的行为,了解用户心理和行为特点,并用通用的交互能满足用户操作的预期。下面介绍一下在交互设计中一些比较通用的设计原则,大家可以参考一下。交互1、就近原则:将同一类的功能都组织放在页面相同模块中。2、容错原则:必须允许用户有犯错的操作,给予用户后悔的操作机会。3、帮助原则:为用户提...

    2018-02-16
  • 阅读类产品中的交互设计逻辑分析

    ↑  点击上方蓝字,加个关注吧~ ↑话题:阅读类产品的交互设计该怎么做?本文共1285字25图,预计阅读时间: 4分钟阅读体验阅读类的产品交互核心所有阅读类产品围绕的产品核心是:阅读体验好的阅读体验会让用户感到熟悉性,由于用户习惯长久的累积,对于阅读产品的使用逻辑,在用户脑海中已经有了一个基础的操作定位。在阅读体验中,不同习惯的交互动作设计所带来体验也不同,通过分析阅读产品中的交互方式,来解剖其交互中设计逻辑。阅读方式我们参考了三款阅读...

    2018-02-27
  • 手机app开发交互设计的四大要素

    app开发中的交互设计是用户体验好坏的关键点,在开发手机app时,注重的应该是交互设计的效果。用户是交互设计的直接受益人,手机app怎样进行交互设计才能让用户舒心,在这里有四个要素需要把握。手机app开发交互设计在开发过程中是重中之重,这个环节一旦出现问题,用户的体验也会变得别扭难受。怎样进行交互设计,很多人都找不到其中的诀窍,其实只要把握四要素,一切就会变得比较简单。一、遵循平台规范的基本原则遵循平台规范的基本原则并不是说限制于设计规...

    2018-03-24