交互细节研究:错误信息提示在表单中的最佳位置

最常见的错误信息提示放置位置是表单的上方或内部,那么哪个位置对用户来说体验更好呢?在你的表单设计中,你会把错误信息提示放在哪个位置呢?如果它们不符合用户预期,就可能成为用户体验上的障碍。试想,当用户输入错误的信息时,他们首先需要理解错误是什么,然后才是修正错误、重新提交表单。但如果这个过程太费劲,他们可能就会选择放弃继续填写。表单上方的有效性 VS 内部的有效性最常见的错误

交互细节研究:错误信息提示在表单中的最佳位置

最常见的错误信息提示放置位置是表单的上方或内部,那么哪个位置对用户来说体验更好呢?在你的表单设计中,你会把错误信息提示放在哪个位置呢?如果它们不符合用户预期,就可能成为用户体验上的障碍。试想,当用户输入错误的信息时,他们首先需要理解错误是什么,然后才是修正错误、重新提交表单。但如果这个过程太费劲,他们可能就会选择放弃继续填写。表单上方的有效性 VS 内部的有效性最常见的错误

分解用户体验:用户 / 使用过程 / 主观感受

有人说,我们人人都在谈用户体验,是不是用户体验被过度放大了呢?真的是这样吗?我们真的了解用户体验是什么吗?一、什么是用户体验咯,这不到处都写着吗~“用户使用产品、系统或服务过程中的主观感受”嗯,字面意思相当好理解!可是,总感觉没有尝到它真正的味道?因为这句话包含了三个重点,忽略/误解了其中任何一个,都会导致我们误解用户体验。有这么夸张吗?二、分解那我一起分解看看~用户体验就

交互设计师:如何进行复杂需求的加减设计法

作为一位合格的交互设计师,需要在理性和感性的结合下完成工作。既要有理性地抽丝剥茧,提炼总结的能力;又要有贴近用户关注情感的细腻。新人设计师可能都会遇到这样的问题:在设计一个复杂需求的时候,各种场景、可能性在脑中来回乱窜,常常觉得逻辑不够严密。设计完成后,又被各路人质疑,提出各种异常场景,导致频繁修改,缝缝补补。最终可能会出现两种不好的结果:只做了部分场景,很多异常场景没考虑

智能小程序体验设计指引

过去10年里,随着移动互联网的发展,移动APP已经渗透到用户生活的方方面面;而浪潮之下,唯有那些体验更美观、更流畅、更丰富的产品,最终留在用户的手机里,留在了用户的身边。智能小程序的体验优势相对于受到诸多浏览器限制的H5,智能小程序在美观、流畅、丰富的体验上更胜一筹,甚至可以和APP并驾齐驱。智能小程序在打造更加美观易用的界面的同时,还能支持流畅的交互动效,并开放了丰富多样

从 Watch OS 4.0 学习小屏设备的交互设计模式

作为可穿戴设备的代表,Apple watch在我们的生活已经非常普及了。通过这个设备,我们可以实现很多普通手表所不具备的功能,它究竟是如何实现的呢,让我们看看笔者是怎么说的吧:自2015年Apple Watch Series 1发售以来,目前已经经历了4代,可穿戴设备已经逐步融入我们的生活。而这种小屏又始终戴在手腕上的设备,交互方式也有所不同。本文将总结出一些基础理论和方法

做好步骤条的设计,你需要了解以下几点

步骤条是一种常见的导航形式,在流程中随处可见步骤的影子。那么不同情景的步骤条是如何设计的呢?笔者向我们介绍了一下常见的步骤条以及步骤条使用案例。步骤条是一种常见的导航形式。最近做的一个项目中,需要用到步骤条,于是做了点研究:一、何时需要步骤条既然步骤条的作用是导航,那么它就具有导航通用的属性:告知用户“我在哪”/“我能去哪”。步骤数目就相当于告知用户——能去哪或者说流程中将

产品优化畅想(二):令做题更效率更具人情味

本文将结合需求目标和【心流】设计模型,探讨如何优化自学产品中做题体验,同时对产品的可拓展价值进行进一步的探索和挖掘。下面让我们来看看具体是怎么样的:一、优化前情分析1. 背景:想要做什么如下图所示,想要优化承载做题操作的相关界面,以及操作交互(分为主下图观题类型和客观题类型): 2. 目的:为什么要做这个优化通过体验分析,目前发现各阶段流程中存在如下不同的体验问题:(1)推

5 个要素,带你做好用户体验

用户体验是每一个产品经理必须要思考的问题,也是一款好产品的取胜关键。那么怎么样才能做好用户体验,提升产品呢?让我们看看笔者是怎么说的:一、糟糕的用户体验生活中总是会遇到各式各样的产品,而我们每一次使用这些产品时都会产生体验。有很多产品,会用得很爽。而有些产品,就是反人类的。比如这个插座,充分节省空间的设计也是醉人,紧紧将两个插头挨在一起,保证你同一时间内不可以同时用,超级省

B端产品:“易用”与“有用”,两者要兼具

本文笔者从五个方面——产品规划、架构设计、功能设计、数据设计、上线运维,来分析:B端产品经理,如何更好地做用户体验设计。谈到用户体验设计,传统的说法就是:人机交互设计、界面设计、视觉设计。当然这些很重要,可是如果对用户体验设计的理解就到这一步,那显然视野太过狭窄了,这种体验设计可以理解为狭义的用户体验设计,更加关注产品易用。作为一个全栈产品经理,从开始构思一个产品的时候就要

交互设计、人机交互、用户体验设计三者有何异同

本文将从历史沿革、现有状况、未来发展三个方面,对交互设计,人机交互,用户体验设计进行详细分析。关键词:交互设计,人机交互,用户体验设计。在学习和生活中,我们经常会遇到三个名词:“交互设计”,“人机交互”,“用户体验设计”。这三个名词是否是同一个意思呢?如果不是,他们的异同点又是什么呢?本文尝试从历史沿革,现有状况,未来发展三个方面,对这交互设计,人机交互,用户体验设计进行分

先有需求还是先有技术?

菜园子第 403 个话题先有需求还是先有技术?【话题分类】行业【话题难度】★★★★昨日,马化腾发表公开信,陈述腾讯二十周年生日到来之际,对未来的一些思考。其中有一段论述如下:“过去,中国互联网与科技行业的创新,往往是应用需求找技术支持。未来,我相信会有越来越多创新来自技术突破寻求产品落地”。然而,生菜老师多次表示过,我们要 Technology for Business,不

iOS 12 人机交互指南(一):主题与基本界面元素

要想发布一款能够位于App Store排行榜之首的产品,产品在质量和功能上的高标准表现是必不可少的,而为了达到这种高度,我们应该如何做呢?本文主要讲述的是 iOS 12 界面交互设计指南,一起来看看~主题(Themes)1. iOS设计主题作为一个app设计师(其实我是一只产品狗),其实便意味着你将有机会去设计发布一款能够位于App Store排行榜之首的惊世骇俗之产品。而

减少流畅,用户体验也需要摩擦力

本文将分三点来阐述 UX设计中,需要「摩擦力」的状况,以及相应的设计方法。一起来看看~经常有人问我: 「物理和用户体验设计有什么关联?」我是一个有着多学科知识背景的设计师,这个问题引起了我很多联想。的确,学科之间的交叉影响,使得我们可以从不同的视角上看待用户体验的时候,能够感知到截然不同的东西,概念之间穿插所呈现出来的隐喻非常具有启发性。物理学当中的「摩擦」的概念,在用

从社交维度对比,微信和 QQ 有何不同?

微信、QQ成为社交市场的两大霸主,社交方向和风格截然不同,本文将从社交维度对微信和QQ进行分析对比帮助读者更好的了解这两个产品。一、产品社交风格微信: 实用型,希望用户在产品中完成预期要完成的事情后就离开,即用完即走,不做其他动作、功能来增加用户的停留时间。QQ: 娱乐型,QQ的slogan是“乐在沟通”,它将娱乐元素深入地融入到社交中。QQ从PC时代的空间就有农场

详细解析:用户反馈的 6 种模式

给予反馈也被认为是使用户参与进来的最低门槛之一,通常也是大部分产品必备的功能之一。本文就详细的来阐述一下,关于用户反馈的六种模式。所有产品都期望用户可以积极的投入参与产品,毕竟只有用户投入,产品才有存在的价值。每个人都有自己的观点,所以无论以什么形式从用户那里征求意见,都是使用户参与到交流当中最简单的方式之一。给予反馈也被认为是使用户参与进来的最低门槛之一,通常也是大部分产

谈谈交互设计中的反馈设计

相信大家都非常清楚设计中需考虑反馈,但反馈的即时性往往容易被人忽略,因为大家都觉得我的反馈已经够即时了。十二生肖在小船上游玩,它们轮流说笑话,如果不能把所有生肖逗笑,表演者就要被丢进湖里。首先从牛开始,牛的笑话非常幽默,几乎所有生肖都笑了,但唯独猪没笑。所以牛很遗憾地被丢到湖里。然后是羊说笑话,羊的笑话很烂,几乎所有的动物都没笑,但唯独猪笑了。其它生肖都很不解:“你在笑什么

裂变之后,如何做精细化的用户留存工作

在上一篇《 裂变套路看似多,总结起来就一个 》结尾中讲到裂变只是增长的开始,更重要的是重点关注裂变之后用户如何留存?很多公司或运营人可能会过度关注增长指标,而在美国,这只是一个【虚荣指标】,为什么?因为无论是流量的增长还是用户的增长,这个数字是只增不减的,只要有推广,用户就会有增长。多关注一点留存,就多一些真正的增长:这是张溪梦老师在某次大会上分享的数据:左边的留存率为5%

从交互和 UI 两个方面分析,文本框的正确打开方式

文本框作为日常工作中经常遇到的组件,其易用与否直接影响着用户体验,今天来探讨下如何提升文本框的易用性。(我们常说的文本输入有两种,文本框和文本域,下文以文本框统称。)在开始设计文本框之前,要问自己三个问题:这个地方要实现什么功能?必须以文本框的形式出现吗?是不是有更好的替代方案?因为相对于其他的人机界面交互方式来说,输入成本是最大的。结构文本框的结构包括可见和非可见两部分,

看似简单的输入框,你真的会设计吗?

输入框几乎每天都会接触到,但是看似简单的输入框,你真的会设计吗?不知道各位设计师在做设计的时候,是不是经常觉得自己做得很完善了,几乎没差什么逻辑或或者是图,但是往往后期开发在实现功能的时候,会发现某个地方缺了一张空页面,还有一些地方少了一些状态等。其实这种情况经常发生,可能和时不太在意一些异常状态有一定的关系。在设计的过程中,特别是新手设计师通常会有如下做法:如果是要做一个