![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
交互设计
文章平均质量分 79
陪学
公众号:陪学产品经理FM
知识星球:陪学和他的朋友们
产品经理交流群+vx:pexue007
展开
-
交互规范:苹果 iOS 11 设计规范
文件格式:PDF(请与班主任联系获取原型文档)文件名称:苹果 iOS 11 设计规范。文件大小:29.2 MB。原创 2024-06-05 09:55:39 · 361 阅读 · 0 评论 -
如何评估交互成本?
在可用性差的产品中,常见的 MIC 包括复杂的导航、密集的指示、非常规的心智模型和交互模式等。人类处理信息的能力是有限的,由于短期记忆储存空间的限制,人的大脑最多同时处理 5 到 9 个信息,超过 9 个信息时极易出错,后来也被称为「7 ± 2 法则」ISO(国际标准化组织)关于评估任何系统可用性的关键指标的建议,用结构化的方式引入了主要的可用性指标,而不是杂乱无章的指标集合,值得参考。减少选择,不要用过多的选择压倒用户。设计时应突出最适合用户的选项,把复杂的任务分解成较小的步骤,在适当的时候渐进式披露。原创 2024-04-29 09:00:00 · 582 阅读 · 0 评论 -
内容型&;工具型产品的交互特点与规范
简化操作的过程中,针对不同的操作赋予最自然的交互形式能减少用户操作过程中的精力消耗。自然的交互应该是用户无意识的操作,是基于过往生活经验,阅历,学识等的一种本能,几乎不需要过多的学习成本即可完成。对于内容型用户来说,他们的消费过程通常分为:1 吸睛;好的产品应该是聪明的,根据用户的实际情况进行自动化的配置,以减少用户操作。用户在寻找内容的过程中,引导性与易懂性尤为重要,信息架构要有兼容多样性内容的特性,毕竟内容只会越来越丰富。通常需要帮用户用最短的操作路径,快速解决需求,典型的用户“用完即走”的产品形态。原创 2024-04-25 09:15:00 · 999 阅读 · 0 评论 -
交互设计常识:设计模型分析
另一个方面,经过设计方法包装后的设计,能让设计师更坦然面对来自各方的质疑,更专业的讲述自己的设计依据。信息下钻的更深入具体,从项目目标到设计落地,每个阶段都有具体的节点支撑,在使用过程中只需要把信息直接输入到对应的位置即可。下图是曾经在一个设计讲座中,滴滴 CDX 一位设计师的分享,她把双钻模型利用到设计的研究和输出阶段,个人感觉此模型此刻的使用场景也很贴切;表示产品提供此功能,用户满意度会提升,不提供此功能,用户满意度会降低,这是质量的竞争性属性,应尽力去满足用户的期望型需求。原创 2022-10-17 15:42:46 · 913 阅读 · 0 评论 -
交互设计常识:设计模型分析
另一个方面,经过设计方法包装后的设计,能让设计师更坦然面对来自各方的质疑,更专业的讲述自己的设计依据。信息下钻的更深入具体,从项目目标到设计落地,每个阶段都有具体的节点支撑,在使用过程中只需要把信息直接输入到对应的位置即可。下图是曾经在一个设计讲座中,滴滴 CDX 一位设计师的分享,她把双钻模型利用到设计的研究和输出阶段,个人感觉此模型此刻的使用场景也很贴切;表示产品提供此功能,用户满意度会提升,不提供此功能,用户满意度会降低,这是质量的竞争性属性,应尽力去满足用户的期望型需求。原创 2024-04-18 09:21:25 · 824 阅读 · 0 评论 -
交互设计定律:米勒定律(Miller’s law)
1956年,米勒最早对短时记忆能力进行了定量研究 - “神奇的数字:7±2”。他注意到年轻人的记忆广度大约为7个单位(阿拉伯数字、字母、单词或其他单位),称为组块。后来的研究显示广度与组块的类别有关,例如阿拉伯数字为7个,字母为6个,单词为5个,而较长词汇的记忆广度低于较短词汇的记忆广度。米勒定律适用于生活中的方方面面,比如如何设计一个相对复杂的任务:通过减少每个组块中元素的数量(不超过9个)。将它应用到软件设计时,是这样的:当用户使用你的界面时,确保用户的大脑可以最大限度地记...原创 2022-03-23 18:30:00 · 444 阅读 · 0 评论 -
场景UI交互动效设计法则与12种常见设计
场景UI 交互动效的首要目标应是支持和增强用户在状态间的转化,在进行场景UI 交互动效设计时,通常遵循着6个目的、4项作用以及5大应用法则:动效存在的6个目的:1、吸引用户注意力在指定区域2、表现对象和用户操作间的关系3、维持多窗口或多状态的上下文关系4、提供持续性事件的认知感5、创造虚拟空间引导用户在状态和功能间转化6、创造沉浸感和趣味性场景UI 的4项作用:1、支持微交互2、显示运动过程3、解释4、装饰动效具备描述空间关系,...原创 2022-03-15 17:02:46 · 483 阅读 · 0 评论 -
【学习】关于网站中图片的各类交互
图片是产品经理在工作中必须遇到的内容。在一个网站中,我们一定需要用到图片,也必须会涉及到图片的交互。尤其在愈发追求视觉感官的今天,“图文并茂”是很多网站的追求。文章的前面部分会跟大家一起分析一下关于网站图片的一些内容,后面部分将对结合小T同学做的案例,跟大家一起看看,在axure中,怎么做网站图片的交互。1、网站图片的类型在图片设计前,设计师最好能参考目前已有的网页粗略布局和栏目等,重新梳理列出网站中所需的图片类型。比如,按照栏目和模块对所需的图片分类:Banner...原创 2022-03-03 18:30:00 · 208 阅读 · 0 评论 -
什么项目管理软件好用?
项目管理软件有哪些?对于很多从事项目开发与设计的团队都会有这样的需求,一款优秀的项目进度管理软件在企业项目实施中有着极为重要的作用,它伴随着项目计划、定义、监控、控制以及确认交付的全部过程。本文盘点分析市面上常见几款项目管理软件,以帮助大家能够找到适合自己的工具。禅道项目管理软件禅道是第一款国产的开源项目管理软件。它集产品管理、项目管理、质量管理、文档管理、组织管理和事务管理于一体,是一款功能完备的项目管理软件,完整地覆盖了项目管理的核心流程。注...原创 2021-11-26 18:30:00 · 429 阅读 · 0 评论 -
学交互设计要懂什么:交互设计师的知识体系
先为大家分享交互设计金字塔知识体系:界面基础知识界面基础知识包括:控件、布局、流程,即设计稿上可见部分。1.控件:控件就是界面上的最小单元,如搜索框、单选按钮、复选框、下拉框等。认识控件最好的方法是阅读各个平台的官方设计规范,比如 iOS 、Android 、MacOS 、Windows(Desktop APP / UWP)、小程序设计规范。web 端没有官方规范,国内后台规范常见的是 antdesi.原创 2021-11-11 17:37:23 · 663 阅读 · 0 评论 -
[行业原型] Web端:ToB电商产品交互原型
TOB电商产品的大致模块架构是什么样的,针对TO B用户指面向商家用户,包括的主要模块有:商家入驻平台上的商品一般有两种,一个是自营的,一个是商家入驻,可以参照京东的模式。自营商品商家管理员登录后台,添加自营店铺,上传营业执照等相关信息,完成店铺添加。之后就是对店铺的装修,货品的上架等相关操作。商家入驻商家访问平台,发出入驻申请,提交营业执照等相关信息,完成入驻申请平台对商家的资质进行审核,审核通过后,商家可以成功入驻该平台.原创 2021-10-27 16:30:00 · 324 阅读 · 0 评论 -
iOS15更新体验报告
苹果公司在WWDC2021开发者大会上公布了iOS15系统,介绍了众多新系统的功能和优化,我们来看下iOS15系统主要有哪些变化和更新。1、FaceTime视频通话FaceTime 视频通话帮助用户轻松联系最重要的人。l通过空间音频,FaceTime 视频通话的声音听起来就像从人物在屏幕上的位置传来一样。语音隔离模式指的是克风更突出语人声带屏蔽周围的杂乱声,由此带来好的降噪效果。宽频谱模式恰恰相反,如果你想让朋友听到现场乐队的歌声、隔壁的狗叫声,那么这个模式会更加适合原创 2021-08-27 17:42:09 · 1437 阅读 · 0 评论 -
交互设计常识:设计模型分析
“工欲善其事,必先利其器”;作为设计人员来说,设计方法和设计模型就是辅助我们更好做设计的工具。就像厨师做菜时候的菜谱一样;面对新的菜种,能更快指引我们做出味道不错的菜肴。体系化的设计方法不仅能更好的指导设计师做设计;另一个方面,经过设计方法包装后的设计,能让设计师更坦然面对来自各方的质疑,更专业的讲述自己的设计依据。在做不同菜肴的时候,我们需要不同的菜谱来指引;而在不同的设计阶段,设计师也需要不同的设计模型/方法,让我们更灵活的做设计分析与输出。下面从接到项目需求到体验迭代优化阶段,...转载 2020-07-10 17:47:22 · 698 阅读 · 0 评论 -
用VUI提升用户体验
VUI简史谈VUi前,得先说GUI。图像用户界面GUI(Graphical User Interface)是60年代「人机交互」奇才道格·恩格尔巴特提出的概念,自从80年代苹果推出第一款应用GUI的电脑后,GUI一直是人机交互的典型代表。随着越来越多的语音控制设备,VUI开始帮助改进各种不同的用户体验。VUI是用户通过语音与计算机进行人机交互来启动自动化服务或流程的工具,是直接面向用户的界面,所以是否能满足用户需求是判断其成功与否的决定性因素之一。VUI的发展过...原创 2020-05-20 09:18:57 · 470 阅读 · 0 评论 -
移动文本输入框的探索设计
编者话移动端的用户体验是产品经理努力追求改善的方向。其中有一个难题是图和在移动端的有限的屏幕空间中,进行相对精准的收拾操作。本文主要针对的是文本输入框的用户体验设计,作者Sophie Paxton进行了较为详尽的设计探索。第1种第1种与传统的文本输入框相比,这种输入框的最大优势在于:屏幕空间没有被标签文字所浪费,因为移动端的...翻译 2020-04-30 18:24:36 · 213 阅读 · 1 评论 -
场景UI交互动效设计法则与12种常见设计
场景UI 交互动效的首要目标应是支持和增强用户在状态间的转化,在进行场景UI 交互动效设计时,通常遵循着6个目的、4项作用以及5大应用法则:动效存在的6个目的:1、吸引用户注意力在指定区域2、表现对象和用户操作间的关系3、维持多窗口或多状态的上下文关系4、提供持续性事件的认知感5、创造虚拟空间引导用户在状态和功能间转化6、创造沉浸感和趣味性...原创 2020-01-07 18:37:36 · 1225 阅读 · 0 评论 -
产品设计原则:Fitts’ Law费茨定律
费茨定律是人机交互领域里一个非常重要的定律, Fitts定律最基本的观点就是任何时候,当一个人用鼠标来移动鼠标指针时,屏幕上的目标的某些特征会使得点击变得轻松或者困难。目标离的越远,到达就越是费劲。目标越小,就越难点中。漂亮简单,对么?这意味着要是目标定位越容易,距离鼠标当前位置就应该越近,目标占用空间应该有更大。01 计算公式Fitts用明显数学式的严谨,...原创 2019-11-12 18:46:46 · 1368 阅读 · 0 评论 -
表单设计:五类表单构成要素设计
表单在产品中举足轻重。为什么?用户与产品交互,是人与机器的沟通过程,机器以界面向用户传词达意,而人则是通过表单向机器传送信息。由此可见,表单设计是用户信息到产品的入口的设计。使用表单时,用户操作成本较高,稍有不慎,就有用户离开产品,拒绝交互的可能。因此,对于表单设计来说,表单目标最低限度在于留住用户,不被表单赶跑;最好效果是用户顺利完成表单交互。在进行一份表...原创 2019-11-07 19:41:26 · 1501 阅读 · 0 评论 -
交互设计名人堂
在交互设计的领域,有许多优秀的前辈值得我们去学习,甚至可能不单单只有这个领域。今天给大家介绍几位国外的知名人士,各位有时间的时候可以了解他们的经历,借鉴他们的经验,学习他们的概念和想法。其实,发展到今天,现在很难仅仅用“交互设计师”来定义从事此项工作的人。这个领域和其他多个领域存在重叠,如UX设计,UI设计,开发以及平面设计。已因此,下面列出的人也不都是交互设计师。因为他们对这个领域做出了卓越...翻译 2019-07-31 22:37:58 · 653 阅读 · 0 评论 -
关于交互原型设计的一些建议
一、遵守原型设计规范很多新人交互设计师都比较容易忽略这一点,没有按照原型设计规范来布局,这样容易导致的结果就是:视觉设计师在按照栅格排版时,发现在交互稿中能排下的内容,在视觉稿中排不下了,这样就还得返回去改交互稿,或是需要重新设计布局。所以要养成习惯,在设计初时,一定要先根据原型设计规范进行布局,同时也要保证交互稿中的字号、间距尽量符合视觉要求(比如间距最小10像素等),以免给...原创 2019-08-08 18:42:44 · 664 阅读 · 0 评论 -
25个移动APP图表设计欣赏(译)
我们生活在一个信息化的时代,每天都会接收到大量的信息,其中包含了大量的图表和数据。一方面,枯燥繁杂的数据会让用户感到烦闷纠结,而设计师的巧妙设计能化腐朽为神奇,让数据以用户易于理解的方式呈现出来。另一方面,数据图表也有着文字无法比拟的表现力,大量的数据以可以浓缩到一个简单的图表中呈现出来,说明问题。它们可以应用于呈现股市波动,可以反映天气变化,可以呈现网站访问状况,可以反映人体健康。...翻译 2019-08-13 19:37:47 · 1217 阅读 · 0 评论 -
九大交互设计原则
交互设计作为原型设计里的重要环节,了解交互设计原则,给交互设计提供更多设计支持。1. Fitts’ Law / 菲茨定律(费茨法则)目标离的越远,到达就越是费劲。目标越小,就越难点中。如果我们要想鼠标比较快速地命中目标可以采取两个措施,要么减少鼠标与目标之间的距离,要么使目标足够大。比如在拍摄视频的时候,拍摄按钮一般比较大,或者周围没有回造成误操作的按钮。2....原创 2019-08-23 18:25:56 · 8839 阅读 · 0 评论 -
Axure奇偶行颜色不一样的设置
大家在制作原型的时候应该都遇到过这样的情况:一个列表或者一个表格需要设置奇偶行的颜色不同。大家通常时怎么做的的?可能有些朋友是一行一行的单独制作,然后修改别背景颜色。当然这是一种方法,今天的文章跟大家分享其他两种方法,大家如果有其他做法的话也欢迎一起交流。这两种方法都是使用中继器去做的。01 设置交替背景颜色制作好一个中继器之后,在样式设置的窗口下,找到背景颜色设置...原创 2019-09-02 18:13:39 · 1729 阅读 · 0 评论 -
Axure 常用交互案例-返回顶部
返回顶部的功能是我们在设计原型时很常见的功能之一,具体表现为:1、页面可进行滚动2、页面滚动时返回顶部按钮不随着页面滚动3、点击按钮页面返回到顶部。原型演示可以点击查看:https://a1ivai.axshare.com我们一起来看看根据上述的表现,要怎么制作这个案例1、画出页面展示图首先,需要打开Axure软件,并在画板上画出整个页面的展示图,即网页的整...原创 2019-09-05 18:20:10 · 1689 阅读 · 2 评论 -
Axure中如何机智地应用表格
使用过Axure的小伙伴应该知道,在Axure中制作表格不难,但是麻烦。我们如何快速地学会Axure的表格,如何机智地应用表格呢?通过这篇文章我们一起来看看。Axure制作基本表格的使用可以使用“线框图”中的“表格”控件来制作一些简单的表格,同时Axure中为我们提供了一些对表格简单的编辑功能。可以像在excel中对表格进行各种插入,同时可以编辑表格的线框和底色等。先来看看,我...原创 2019-08-02 18:04:32 · 1097 阅读 · 0 评论