首页

如何发现移动端交互设计中的思维盲区?

用心设计

当某个功能对数量有限制时,操作的时机就变得很重要。以在app上报名班级(图1)的操作为例,假设班级容量为20人,确认报名订单时暂
时扣去一个名额库存,完成支付时完全扣去这个名额。如果当你报名班级时,名额已满,但还有人未付款,这时系统应该有什么提示?这和报名班级时,班级绝对性
满员(名额已满,且所有人完成付款)的情况处理方式是不一样的。另一种情况是,在你进入确认订单页时,名额未满,但当你按下“确认”订单,此时名额已经满
了,也应该有相应的提示。像这种对数量敏感的功能,应尽量明确地告诉用户限制条件,当前的相关状态是怎样的(未满员,暂时满员,或已满员?),防止用户进
行不必要的操作。用户若第一时间没有理解,可能需要进一步友好地提示。

如何发现交互设计中的思维盲区

认真就赢了!做好这两个状态可以迅速提高用户体验

周周

design-status-improve-ux-1

编者按:今天这篇干货聊的是人们最讨厌的两个状态 —— 软件报错和加载缓慢。如何提高这两个糟心状态的用户体验呢?作者从不少交互上的细节做了考量推敲,附上大神的意见和实战案例,特别有现实参考价值。

从逛商场学习交互设计:信息架构梳理如何从小白到精通?

用心设计

之前知乎上有这么一个问题:怎样理解信息架构?,@Mr汤进er当时以“商场信息导视图”为例,回答了这个问题,比较适合“入门小白”去理解信息架构、流程图和页面布局,其中针对“信息架构”的回答如下:

从逛商场学习交互设计:信息架构梳理如何从小白到精通?,优界网

如何写好一份设计文档

用心设计

Flow流程图也是一个常用工具,可以总结出不同场景下用户使用产品的流程和步骤是怎样的,可能产生怎样的分支需要在设计中考虑到,在哪些地方可能产生较大的流失,步骤是否可以合并优化,能否抽象出通用的流程来构建框架设计等。

wireframe_kit_free_05

隐藏在AIRBNB网站里的9项体验与交互设计

博博

airbnb-user-experience-interaction-1


如果你曾使用Airbnb预订过地方,那么你会在这个过程中,逐步发现这个企业拥有着顶尖的产品设计团队。这个正在改变整个行业的企业,正在为用户提供着顺滑无缝的体验,而这也是今天我撰写这篇文章的初衷。

作为一个喜欢研究用户体验交互设计、UI的产品设计师,我尤其喜欢剖析成功的产品,寻找其中隐藏的交互和用户体验设计。无论这些设计是用来提升整体的用户体验,还是激励产品增长,你会发现这些设计都非常有意思,并且值得分享。

事不宜迟,一起来看看我从Airbnb中发现了什么吧:

1. 情绪感染(用户体验)

语言,是一种界面

用心设计

首先,你的产品文案不仅仅是一句友好的问候,它还解释了这个网站的性质。其次,无论是建议注册,或者直接跳转到能够吸引用户的内容,文案还起到了引导用户第一步操作的作用。如同我们经常说的,交互设计需要被当做一次交谈来对待,所以这是你创造人性化体验的第一次机会。

下图是旅行租房网站 AirBnB 的案例,文案极简,但同时深入人心。标题 Just for the Weekend 和 Explore the World 让用户在去往特定目的地之前看到 AirBnB能够带来的体验。这个交互很微妙,通过文字的暗示,它构建了产品体验的框架 – 让用户距离一 次愉快的旅程更近一步。

经验分享!聊聊交互设计新人的核心竞争力

周周

interactive-designer-core-competence-1

从实习的第一天起,我就数着日子在过,时间走的太快拦也拦不住,要做要学的事情又太多。转眼七月已经过去,总觉得还是有点后知后觉,花了一个月的时间去适应新环境和新工作,慢慢才知道寻求突破点的重要性,所以今天来聊聊我所理解的交互设计师的核心竞争力。

巧用视错觉 UI更有趣

用心设计

巧用视错觉 UI更有趣

格式塔原理解释了人们如何以视觉方式感觉物体,以及图像的结构,视角,大小等要素是如何影响我们的视觉的。

在下面这篇文章中,我们首先会简单介绍一下格式塔原理中的基本概念,然后再详细探讨一下如何将它们应用于今日的UI设计中。

在设计中建立视觉层级

用心设计

在设计网站的时候,图片资源会在很大程度上帮助你设置站点,以及颜色,排版或者更多内容的基调。如果图片视觉元素没有和设计正确的结合,他很可能会破坏你原本想呈现的感觉。

移动应用空白情况页面的设计

用心设计

移动应用的设计中,最容易被忽视的地方就是空白或者异常情况的设计。从传统PC时代web的异常页面如404,502等页面的设计体验迁移过来,移动应用的空页面,网络故障页面等展示也有相似的设计模式。从以前的纯文本的排版设计,到后来404成为设计师
展示图形创意的舞台,移动应用的空白情况页面的设计也从纯文本提示到后来精彩纷呈。然而在移动应用的设计中,空白页面的的作用不仅仅在于给用户以温柔或者
精彩的提醒,安抚用户焦急或是疑惑的情绪,更重要的是,空白情况页面可以引导用户去填补“空白”。人都是害怕空虚寂寞冷的,当你面对一个空虚寂寞冷的页面
的时候,善意的指点迷津的一些语言和画面告诉你咱们还是可以有方法来填补你的寂寞空虚冷,这时候,用户的操作行为就会被触发,潜移默化中指引用户完成填补
空白的工作,那么,无论从用户个体的活跃度上还是整体的留存率,活跃度上,你设计的空白页面做到了拉升的作用,对电商产品和社交产品等来说,这些页面可谓
是自己展示产品调性,曝光功能,加深引导的黄金地段。

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档