用户体验

UCD,以用户为中心的设计

上回说到用户体验问题是怎么产生的,这回就说说解决问题的一种方法论,UCD。什么是UCDUCD全称是User-centred design,直译过来就是以用户为中心的设计。它是一套方法论体系,在 ISO是有定义的,原来是ISO 13407,后来被IOS 9241-210 取代。在ISO里本叫Human-centred design,我们这里就还是称作更多人知的UCD。它的原则

译文 | 交互设计中对于“可控性”的理解

Kintscher的观点是: “拥有掌控力的感觉要比用户实际控制手机的电池寿命的能力重要的多。感官体验和”骗术”交互设计师是非常善于欺骗用户的!从Instagram到Microsoft,交互设计师一直在用层出不穷的骗术来让用户获得更佳的用户体验!以下是几个例子。Instagram总是假装在流畅的运行当Instagram失去网络连接的时候,理论上来说它是无法加载新的图片以及更

从三个案例出发,聊聊交互设计师的核心价值

案例1:登录功能的优化在上一篇《如何写一份全面、易读的交互说明文档?》大致介绍了登录功能的交互说明的撰写,其中的细节非常多。如果某一点遗漏或者设计的不好,可能导致用户被挡在门外,无法使用我们的产品。对登录功能的优化,常见的指标是优化登录成功率。交互设计师需要去发现现有产品中阻碍用户成功登录的因素,予以改进。这样的改进,其核心价值是什么呢?1、对用户如果无法成功登录,用户无法

订单流程研究之提交订单

在上一篇笔者有提到,平台不一定都提供货到付款服务,因此京东、唯品会和亚马逊在提交订单时需要选择支付方式,而淘宝天猫则是在提交订单之后才需要选择支付方式。提交订单之后,每种类型的订单可支持的操作也就不一样了。一、 淘宝&天猫淘宝和天猫的提交订单基本是一样的,若提交订单后不支付,还可再对订单执行取消、付款或者找人代付等操作。此时订单支持卖家修改价格,所以和店家讲价的时候,店主经

交互译文—清晰度,可读性和可理解性:让用户阅读你的文章

文字的收益部分往往是固定的,为了提高阅读文字的用户体验,我们需要在阅读成本上做减法。主要有三个方面:清晰度、可读性和可理解性。清晰度定义:清晰度是阅读文字的用户体验中最低层次的要求:清晰度指的是文字是否能被看到,区分每一个文字,识别文本中的每一个字,每一句话。清晰度主要靠视觉设计,更确切地说是排版设计来操作。保证清晰度的几个准则:在保证整体设计质量的情况下尽可能使用大号的默

扁平化设计的8个实用小技巧

最近帮一个师兄做一个PPT,用了几乎每个人都听说过的扁平化风格。于是趁热打铁,我找了一些扁平化的作品和文章看了,自己对扁平化做一个总结,希望对你ppt抑或海报设计有所帮助。注:我此处所谈的扁平化指的是一个大的概念,将后面衍生出来所谓的“似扁平化”也包含进来。Tip 1:关于高光、渐变和投影网上所说扁平化风的三大要素:去高光、去渐变、去阴影。这么说是有点绝对了,我认为应该是去

数据可视化:如何为数据寻找适合的配色

虽然如今好的配色方案已经唾手可得,但为数据可视化找到合适的配色方案,却仍是一项巨大挑战。在Graphiq,事情甚至更加棘手,因为我们要通过上千种各不相同的数据集合来传递信息,它们有着各自迥异的视觉表现。目前的问题我们没有立刻开始建立自己的配色表,而是发起了一些调查,研究网络上已存在的配色方案。令人惊讶的是,我们发现其中只有少数是为复杂的图表和数据可视化而设计的。我们发现一些

腾讯高手教你靠谱的布局设定方法

有一种「奇怪的」现象会经常的看到:「很多设计师没有办法清楚的跟其他人解释他们是如何设计的,越细致的地方可能越是如此。比如,这个菜单的宽度为什么是200px?250px或者190px是否可以?图片的尺寸为什么是278px*196px?如何确定网页的宽度?」软件界面的设计师除了视觉本身以外,对于设计是否可以实现、大概以何种方式实现、规范可否被理解并且复制执行、设计实现的性价比与

交互新人眼中的交互设计

从一开始选择做交互设计这个岗位,我就一直在思考:“交互设计究竟是什么东西”。近段时间以来参加了一些面试,每次面试都会让我去重新思考一下这个问题。加上最近又做了一些工作,看了一些资料,对这个问题又有了一些新的认识,所以来记录一下。普通大众认为的交互设计交互设计作为一个新兴职位,可能大部分的人都还不知道有交互设计这个岗位,不过这并不妨碍他们对于交互设计的认知。举个例子,他们可能

手机端官网设计:适配还是不适配,这是个问题

文档说明Pc端使用平台:QQ浏览器9.0(2315)Chromium43.0.2357.124IE9.0.8112.16421手机端使用平台:红米2增强版 自带浏览器 MIUI6.6.2.0(KHJCNCF)|稳定版手机端网页适配形式在手机端访问产品的官网,大概会有以下几种形式:无适配。无适配不仅仅是布局和内容没有做适配,交互动作也没有做适配。原本为pc端设计的网页在手机端