交互体验

微交互的设计案例与思考(下篇)

在上篇中,我们聚焦产品中的用户流程行为,讨论为减少用户操作负担和优化等待而做的交互设计;在中篇中,我们从人的主观感受出发,讨论产品的礼仪和为舒适而做的交互设计;在本篇中,我们将讨论人的感知和目标,探究那些”人们其实已经知道,却没有被发现“,但伟大产品为此做的动人细节。为感知而做的设计:交互设计的基石谈到“感知”和“目标”将无法回避认知心理学,今天我们所讨论的“交互设计”成形

交互实战|Web 端表单项目总结

本文作者分享了其所参与的Web端表单项目,enjoy~一、项目背景1.1 背景CRM 用户在使用「客户」轻应用的时候,反映我们预设给他们的表单字段不能满足他们的需求。比如,一些用户希望能录入客户的传真号码,而我们没有提供此字段。1.2 目标(1)用户目标能够添加、删除以及修改「客户」表单内容。(2)设计目标实现添加、删除和修改表单字段功能优化Web端客户自定义字段界面体验。

UIMAX 设计思考:从“注意力”的角度,谈体验设计如何避免入坑

只有在细节上做真正易用的设计,才能给用户带来友好的体验。前段时间UIMAX团队在做“新浪新闻客户端用户画像项目”时,用研人员访谈用户的过程中,发现一个这样的问题:多数用户完全没注意到过页面上的“长按可排序或删除”这段文字,反馈“不知道可以对新闻频道进行排序”设计师可能会惊讶,“我觉得用户应该可以看到的啊!”,然而事实却是很多用户完全忽略了这条信息。接下来我们讨论一下“用户的

表单设计:一页只做一件事

一页只做一件事,并不是一定要在一个页面上只展示单一的元素或组件(虽然也可以这么做)。2008年的时候,我在Boots.com工作。他们想做一个单页的结账页面,运用那个年代最新潮的技术,包括手风琴组件、AJAX和客户端验证。每个步骤(寄送地址、寄送选项、信用卡详细信息)都收在一个手风琴面板中。而每个面板都通过AJAX提交。提交成功后,这个面板就会收起,并且通过滑动动画展开下一

创建自定义动画加载指示器的使用指南

在本教程中,我们将使用Sketch创建基本形状和原理,以快速创建简单的自定义加载动画。(这些都适用于Mac应用程序) 你将学习如何创建Trello,Flickr,Slack等使用的丰富多彩的加载动画。最初被称为动态浏览图示,加载动画用于指示数据记录或渲染界面的进度。虽然你可以通过使用一个沉闷的进度条来表明这一点,但那些日子已经过去了。使用CSS,jQuery或简单动画GIF

知乎的“更多”页面:从重复入口看知乎在产品设计的细节

本文作者将从最简单、最常见的“我的”页面——知乎里面的“更多”页面入手,从重复入口看知乎在产品设计的细节。知乎是一个问答社区,用户分享着彼此的专业知识、经验和见解,社区里面不断地涌现高质量的信息,这是一个不断倾听各种不同声音的社区。笔者是2014年初就注册了知乎,3年多的时间,见证了知乎的不断发展。很感谢知乎给我提供了很多思考问题的角度。在知乎提供高质量内容的同时,使用的同

慢工出细活:浅析 Facebook 点赞按钮设计中的门道

facebook设计的大拇指点赞图标实际上随着facebook的壮大已成为了行业标准。一年前,Facebook点赞按钮发布更新。一年后的今天,Facebook小小的点赞按钮因为Ted刚发布的一段演讲掀起波澜。设计一个像FB点赞按钮那么小的东西很难么?Ted中Margaret Gould Steward.给出的答案是“难。”不但难,而且工作量巨大。据FB主管该项目的leade

用户体验设计的 5 大目标

我们常说产品的用户体验设计很重要,但究竟怎样才算好的用户体验呢?以下5大UX设计目标层层递进,帮你在最短的时间内明确用户体验设计方向,成为一名合格的UX设计师。UX设计师掌握的主要工具:PS:图形处理软件;Mockplus:简单、快速的原型设计工具,支持协作;Xmind:思维导图软件。一、得我所需“得我所需”是用户体验设计的首要目标。在使用产品前,用户最关心的是“ 它能

设计思考:中西医结合,开出交互良方

我们大都倾向于对观点进行主观表述,而不是对事实进行客观陈述,为了减少主客观的分歧,设计师应该利用好研究分析对交互工作的“润滑”作用。中医通过“望、闻、问、切”四诊合参的方法,探求病因、病性、病位,这就好比定性研究中通过访谈法、观察法、焦点小组、可用性测试、卡片分类、情绪版等方法进行的研究工作。西医更多的是借助医疗仪器和实验室对疾病做出诊断,这就好比定量研究中通过问卷调研、流

未来 VR 交互设备的一些讨论

我们时常想象未来的互联网是什么样子。从早期的超文本链接到现在大型网络游戏,信息流以越来越具体的形式展现在我们眼前。当VR作为一种更新颖的展示方式到来时,未来的信息服务是否可以结合这种展示方式,来营造一种更为有效的服务形式呢?VR可以不拘泥于屏幕,将整个虚拟环境作为网络内容的载体,将网站的内容通过具体的形象和模型展示出来,甚至用户和用户之间的互动也不再是文字和图片的互动,而是