特定场景下产品交互设计的注意点
2023-12-04 次
特定场景下产品交互设计的注意点html head/head body br / blockquote p本文会从场景的定义和分析、场景分析对于交互设计两个方面,详细说一下笔者对于特定场景下设计的理解和感受。/p /blockquote p上周在公司内部做了一次关于交互和UI设计的演讲,整理完之后发现还有一些东西值得留下来。也算是把当时的逐字稿分享给大家,当然会稍微有些不同,逐字稿也是写得惨不忍睹。闲言少叙,我们开始。/p p相信大家都在网上看过老罗(罗永浩)在星巴克打脸的视频,这个视频每次在老罗有什么新闻的时候都会被挖出来发一遍,我们在这个视频中还是可以看出很多东西的。 包括用户体验、营销方法、甚至文化差异等等。真的很有意思。/p p首先我们要肯定星巴克这样杯型的命名是有着他一套营销逻辑的。星巴克的点单环节,可以说是一次游戏开云网址·(中国)官方网站、一次社交行为及表演,客户在此也得到了某种程度上的满足。/p p但确实对于点单的客户最初会造成很大困惑,这就和页面一样开云网址·(中国)官方网站,如果没有对场景进行分析开云网址·(中国)官方网站,设计就会给用户带来困扰和一些非常不适的心里感受。那么设计出的输出物也可能是一次交互设计和UI设计的失败。/p pimg data-action=zoom src=特定场景下,产品交互设计的注意点 //p p(图一:失败的设计)/p p我们首先来看这个界面(图一),真的很好看很漂亮,按钮的质感和配色都无可挑剔,但是大家有没有注意到,这个管理上传文件的弹窗在功能操作上的感受会让人有和老罗一样的感受。/p p它的界面有上传、删除、和取消功能,但我们看这张图片,我们真的无法去判断如何操作,它功能按钮做的虽然很精致,但是配色方面让用户觉得无从下手——我们经常作为警示的红色用到了取消,我们最常用的上传功能用到了灰色,按照普通用户的操作习惯来说,最长按的就是删除的按钮,显然这是让人崩溃的设计。我很难去快速地识别和操作。/p p看这些非常精美的按钮,可以说UI做到了极致,那你可以说这是个好设计吗?/p p显然不是,他错在哪里?/p p错在他脱离了场景,表意的换乱造成操作的不确定性和糟糕的用户体验。/p pimg data-action=zoom src=特定场景下,产品交互设计的注意点 //p div(图二:合格的设计)/p pa rel=nofollow href=特定场景下,产品交互设计的注意点/a最先出现在a rel=nofollow href=悠哉网/a。/p /body /html