展开

关键词

(英文Interaction Design, 缩写IXD),是定义、人造系bai统的行为的领域,它定义了两个或多个动的个体之间流的内容和结构,使之相配合,共同达成某种目的。 努力去创造和建立的是人与产品及服务之间有意义的关系,以“在充满社会复杂性的物质世界中嵌入信息技术”为中心。 系统的目标可以从“可用性”和”用户体验“两个层面上进行分析,关注以人为本的用户需求。 中文名外文名Interaction Design又称定义人造系统的行为的领域专业技能丨专业解析453播放快速导航起源创作流程主要内容相关信息界面原则混乱因素行业发展人机原则与准则流程规范相关学者概述

18420

分享:浅谈的一切

原文出处: 四四四毛 什么是用户界面有两部分的和视觉。在下图中,左边和右边分别是微信的和视觉。 ? vs. 视觉的产出物是可的低保真原型,内容包括:信息架构;页面布局;流程跳转。1. 一些大型网站,比如淘宝、当当、京东等,有专门的信息架构师角色。而大部分的APP、应用软件中,信息架构由。2. 这也是为什么目前的师中理工科院的学生占了很大比例。业界也有很多开发工程师转做的成功案例。所以做 开发,学有优势。 其次,会影响视觉,视觉也有可能反过来,让做修改。举个例子,我们最近正在做的一个功能。 ? 案例最早的里没有列表选择功能。

62840
  • 广告
    关闭

    11.11智惠云集

    2核4G云服务器首年70元,还有多款热门云产品满足您的上云需求

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    走进——感受生活中的

    (英文Interaction Design, 缩写IXD),是定义、人造系统的行为的领域,它定义了两个或多个动的个体之间流的内容和结构,使之相配合,共同达成某种目的。 作为一门关注体验的新学科在二十世纪八十年代产生了,它由IDEO的一位创始人比尔·摩格理吉(Bill Moggridge)在1984年一次会议上提出,他一开始给它命名为“软面(Soft Face Teamlab 还过一个名为Message Pillar的灯柱,通过特定的手机APP可以看到灯柱周围环绕的各种文字。 产品的好坏可以影响我们日常的情绪,而用户体验的质量又会作用于产品的商业价值。正悄悄深入我们的生活,改变我们的生活。因此,走进,认识也变得和我们每个人息息相关。 读完这篇小文相信你已经初步了解了,那不妨再去寻找和体验一下自己身边的

    1.3K80

    界面

    接口数据流玩家所体验的游戏世界其实是在他们的脑海中的,而玩家融入进游戏所通过的界面,就是界面。界面的目标就是让玩家「感到」他能够自如地控制自己的体验。? 当中最关键的仍是玩家与物理 IO 的那对,「当玩家沉浸在游戏中时,对他们而言,不再是按按钮或者看屏幕,相反,他们是在狂奔,在飞跃,在挥舞着手中的剑」。界面的最高境界是透明。 总结----lens #53 控制:询问自己如下问题来测试你的界面能让玩家沉浸在人机中:界面是否提供了玩家期望的功能?你的界面是否直观,简单?玩家是否能感觉到自己的操控对结果有重要影响? 物理 IO 是如何跟玩家、虚拟 IO、游戏世界进行,能否更直接?玩家如何感知游戏世界?如何物理接口让玩家想象出更真实的世界? 这些信息如何传递给玩家,是否会妨碍到玩家与游戏世界的直接?游戏中是否有些元素适合弹窗、适合物理接口?lens #56 透明:最理想的游戏界面就是透明的界面,这样可以让玩家沉浸在游戏世界当中。

    43190

    的本质

    随着算机及联网行业的兴起,除了硬件产品外,产生了软件产品(数字世界)师。数字世界的有它自己的逻辑和规则。1. 的对象:行为 在传统意义上一般被理解为造物,也就是对物的则不同,是在创造“行为”。它也需要物,但只是把物当作实现行为的媒介。 比如iPhone,它以本身简洁克制的工业作为媒介,承载了被人津津乐道的,一直被业界作为成功的典范。 自此,这个定义明确地指出了的对象是人的行为,而且这个定义也成功地指导了卡耐基梅隆大学的学科的发展。2. 发展到现在,用户关注的是不是手机本身了,而是手机里装的APP。?改变了以往工业、平面、空间中以物为对象的传统,直接把人类的行为作为 对象。 在行为过程里,器物包括软硬件只是实现行为的媒介、 工具或手段。师更多地关注经过的、合理的用户体验,而不是简单的产品功能。

    33620

    界面模式、APP和Web流程图整理

    信息架构图对于一个产品起到了至关重要的作品,产品越复杂,信息架构越重要,比如淘宝APP这种体量的产品,信息架构做的是否合理,直接关系着产品的逻辑,及运行效率,所以对于产品的信息架构在做创意阶段就需要考虑去清楚 ▨APP流程表达APP 流程图的表达方式,在这里包括了界面的之间的信息流动连接,还有非常的重要的说明,我们在平时的做的时候,一定要养成良好的标注习惯,的过程中,需要把所有用户操作的可能性都要考虑清楚才行 ▨Web流程图表达对于Web呢,信息架构一般会比APP信息架构要复杂的多,因为Web端能够承载的信息量更大,可兼容的程序更加的复杂,所以对于企业级的网站或者软件,比如微软的OFFICE办公软件,就是一个非常非常复杂的信息架构图 下面这些图,都是我们一般性的流程表达,同样的情况,也是需要表达清楚信息流之间的关系,及每一部分信息说明,这个在平时接触项目时就应该养成规范的习惯,绘制流程图的时候。 ▨APP一般常用的界面模式界面模式非常重要,他是在经过很多次验证总结出来的结果,对于界面的应用呢,可以很快的产出产品的原型,以便能够快速的迭代。

    1.8K80

    控件之按钮

    关于移动端的底部导航,有几个原则可以参考借鉴。 1.只使用3~5个最重要的导航按钮。1,2个就太少了,如果只有1,2块主要内容,那根本不用导航栏,直接切换即可。 四.按钮 按钮是最重要的控件,在按钮的时候以下的建议可以作为参考。1.让按钮看上去像一个按钮。 移动端用户的操作是用手指来进行的,移动备屏幕的限制,按钮不可能做得很大(也不美观),但也不能太小,否则手指很难操作。大小的需要参考手指的触摸点大小。 ?一个比较糟糕的体验来自腾讯的应用宝。 ? 必须小心翼翼地触摸,才能保证点击到“更新”按钮来下载APP。 ?所以,一定要注意按钮的大小! ?2.按钮的标签 按钮的标签内容应该清晰地让用户知道点击按钮后会发生的事情。 如果你真的要使用,你最好先认真了解一下google 的 Material Design的规范。

    69450

    新趋势,如何语音

    值得注意的是,最近几年针对语音的体验研究开始兴起:Android 和iOS 手机开始构建自己的语音生态,智能汽车为了解放双手,也开始研究语音的玩法。 怎样语音体验,才能使其发挥场景化的优势?Nielsen的启发式可用性原则依然适用于语音式的方案。系统状态的视觉反馈亚马逊的语音产品Echo,是一款场景化的语音智能硬件。 预防错误和及时更正对于师与开发工程师来说语音中最困难的就是要面对大量无用的语音输入信息。过程中的语音输入是无法像GUI 那样规范化的。 相比之下,语音的流程显得更加直接。在语音中,用户只能依靠有限的语音提示以及短期记忆来完成操作,这就需要师将流程简洁化。 师在GUI 中会想方法的通过使用隐喻式来引导用户去操作,减轻了用户的记忆负担。

    66390

    鹅厂师如何写文案

    出现这样的问题对于者来说也许会觉得不可思议,但若不能表意清晰,文案也即失去其存在意义。2统一性产品中的文案应符合产品自身气质,能够辅助形式,共同营造产品氛围;”统一性“是文案的重要原则。 引导用户是文案在产品流程中的重要目标。以最简单的广告图为例,在纷杂的信息中,图片吸引了用户的注意力,但文案却可以引导用户进行下一步操作,引导用户完成整个产品的体验。5促成点击? 文案也是一种,如何文案?联网时代,信息获取成本极大降低,信息泛滥,受众注意力不断变短;如何最大化利用文案吸引目标用户的注意,传递完整信息,进而引导用户完成点击? 1提炼用户痛点文案是产品中的一部分,存在目的同样是满足目标用户的痛点,因此文案的第一步与是一致的,即立足于需求背景,分析目标用户。 下图是两期半年总结的标题。“听说你们在搞SNS?!”这个标题时是第一次做总结,当时觉得标题还算有趣,但现在看来却完全没考虑真正受众的实际情况。

    510100

    再看语音

    但是,语音并不是新兴的技术,在20多年前老码农刚刚参加工作的时候就可能已经存在多年了。? 语音的原则保持用户参与度是最高原则,VUI应该围绕如何让用户进入下一步来进行,如果某些信息当前还用不到,就不要问用户。 在DuerOS的有屏备中多模态技能时,一般的VUI超时置就不再适用,但还是需要记下app中用户长时间未应答的位置,因为在那里很可能有一个潜藏的问题,会造成用户困惑或让用户不愿意进行回复。 大量的无语音超时式是提示语混乱的标志,当重现多模态App的对话是,展示屏幕也是非常必要的。 总之,语音的结果使得是省时、高效的,能够使用上下文语境,优先考虑的是个性化,而不是所谓的“个性”。?

    53520

    10、联网产品的

    理解联网产品的:– 之父– 的定义– 理清几个容易混淆的概念1、之父——比尔.莫格里奇• 比尔·莫格里奇、比尔·莫格里吉1943年6月25日-2012年9月8日离世,享年 2、简述①是人工制品、环境和系统的行为,以及传达这种行为的外形元素的与定义。②首先旨在规划和描述事物的行为方式,然后描述传达这种行为的最有效形式。 • 用户体验– 目标,即我们努力应该去为用户创造良好的感受,参考15,16课内容• – 注重产品和使用者行为上的以及的过程,强调的是理念和方法。 侧重的是双方信息表达方式和情感,是直接影响产品最终用户的• 人机– 人与算机的的对象特指算机,是里面的一种。• 界面– 主要指人和机器界面的。 6、如何更好的学习• 首先要明确,对PM的要求必须是:– 实战经验– 要求知识面广• 我们如何更好的学习,建议练习方式如下:– 找到一些常见的任务,例如注册,登陆,发布微博等–

    65260

    方案记分对比法

    中,为什么需要这种方法? 遇到问题的点是浏览器的账号登录的,在网络不佳的情况下,登录页的提示应该如何?经过比较长时间的讨论,得出3种有争议的方案:? 这就是为什么通常由工业专业背景的人来做,而不是其他类专业,因为工业的理科和艺术占比比较均衡,这和是相似的。 工业在造物层面用到理性思维,用户体验层面用到感性思维;也是类似,不过造物层面不是遵循物理的逻辑,而是遵循联网技术、感知科学、心理学、社会学和统学等学科的原理。 还是水挺深的,虽然是新生学科,未来的发展方向充满了各种可能性。

    21960

    微动效指南

    导语 | 本指南适用于UI界面中微动效,涵盖入场、出场动效,过渡动效和加载动效,在时间和缓动曲线的选择上提供了一些通用的建议,帮助师理清动效思路,提高效率。 一、本指南的适用范围本指南适用于UI界面中微动效,属于功能性动效。与聚焦于提供娱乐体验的动效(如动画影片、游戏动效等)不同,功能性动效的,有清晰的逻辑目的,聚焦于帮助用户理解当前所处的状态。 动效范围涵盖: 入场出场动效(enter & exit)、过渡动效(transition)和加载动效(loading)二、原则和考量一个优秀的微动效,在上应该遵循以下三个核心原则:为了确保动效有清晰的用途并能完成目标 2曲线变化曲线包含多种类型,在微动效中,缓动曲线(easing)的应用范围最广、效果最自然、对用户的干扰也较小,多用于与物理属性相关的属性变化中,常用场景如下:结语微动效以功能性为主,须遵循克制有度 李嘉娜腾讯师腾讯社用户体验部-商业产品中心师。爱生活爱记录,喜欢一切鲜活有趣的事物。

    64260

    体感原则

    那么对于用户体验来说,手势又意味着什么呢?改变使用习惯:手势和手势识别用户通常都会有惯性思考,我们师也同样如此。 在进行手势时,经常会落入一下误区:表面上实施手势,但实际上是触摸版的“鼠标+键盘”操作模式,鼠标被手指取代了而已。还有些师天真的认为,一套手势系统,就能通吃全部项目。 ? 新的输入模式需要新的规则运动跟踪+手势识别,构成了全新的模式。通过对NUI大量研究,我们发现了5条关键心得,能够让你高效的构建NUI界面。当然,这份列表还有待补充。1. 将手放在传感器可以捕捉到的地方——必须要了解“有效区域”的概念“有效区域指的是传感器能够清晰捕捉用户手势动作的区域,的关键点在于,要将有效区域置在用户容易操作的区域。 但是体感类,却能提供X-Y-Z三轴。在界面上,我们也需要添加相应的反馈。比如说用户想买一双鞋,那么他通过手势,就可以在屏幕中抓取这双鞋,然后旋转观赏这双鞋的细节。对于师意味着什么呢?

    625160

    Mac全栈开发 -

    12月我们将邀请专业的师协助撰写此文档。 软件推荐Axure RP ProBriefs移动APP神器OrigamiOrigami 意为“折纸”,由Facebook 出品的原型工具,正如其Logo一样,精巧无比 如果你使用过曾经在领域名噪一时的新闻 App Paper,恰好你又是一名师(什么? Origami 通过可视化蓝图构建效果,同时你可以使用配套的 Origami Live 应用在移动备上实时预览你的效果。当然,与 Sketch 的集成也不在话下! Framer由 Google 出品的原型工具,瞧瞧它的Slogan --- “A little code goes a long way.” 没错!

    18630

    进阶三重境

    师的迷茫作为师,工作几年之后,如果还处在 “从产品接需求输出线框图” 的循环中,或许就会产生一些迷茫。自己的价值和竞争力在哪里?如何突破,进一步提升自己的能力与话语权? 达成以上这些,才开始成为一名合格的师。 团队内部除了有帮助初级师完善流程的分析模板,还应该有以下帮助提升工作效率的工具:稿控件库:一则避免师重复绘制控件,二则统一不同师的控件尺寸,确保工作衔接的顺畅;输出模版: 帮助师之间统一输入格式的绘制规范,避免给阅读者造成困扰,同时也统一了团队形象;文件管理规范:确保师可以快速定位查阅,减少查找询问的时间。 以上,是对师成长路径的一些整理。不同阶段,师都各有困惑与挑战。简单来说,师的成长就在于思维和眼界的不断提升,而不要只着眼于当前手上的工作。 ❤️感谢阅读!

    23310

    Apple 的哲学 ·

    苹果是一家为数不多以驱动的公司。如今,当我们谈论起产品、谈论起用户体验,总是离不开苹果,它所坚持的哲学是对细节和质量的极致追求。下面,我就带大家看看 Apple 在方面做的努力。 和触控一样,苹果把动画放在了极高的位置。 ? Apple MusicApple Music 模态弹窗的动画曲线非常严谨。在屏幕底栏有个迷你播放器,点击它,可以查看播放详情。 如无必要, 勿增实体2017年,苹果发布了 iPhone X,由 Face ID 取代了 Touch ID,确立了新的人机解锁方式。但刘海的工业,被用户疯狂吐槽。有没有别的办法呢? 重新定向在使用备中,用户的操作是一直在改变的,所以的中间过程,同样需要重新定向。? 上滑与多任务后台比如,在点开App的过程中,突然意识到我实际上想要打开多任务后台,这时手势是可以并行的,不必等到App完全打开,就可以向上滑动,这个过程就是重新定向。

    28220

    App与WebView方式

    1、让Webview响应App的行为,可以通过调用函数:evaluateJavaScript:completionHandler:参数javaScriptString是一个字符串,需要与前端协商好对应html 通过执行函数evaluateJavaScript:completionHandler:,我们可以传递app端中的数据给webview,并触发html脚本函数的调用,从而响应app的行为。 2、webview如何调用app端的函数呢?在html的脚本中添加iframe对象,通过置iframe的src属性,可成功触发WKWebview中的代理方法调用。 webView:decidePolicyForNavigationAction:decisionHandler:常见的方式就是在脚本函数中置iframe的src属性值,触发WKWebview的代理函数调用 ,我们可以在代理方法中拦截请求,首先iframe的src的值也就是我们自定义的scheme,通过对该scheme的判断来得知我们想干什么,从而去调用app中对应的函数。

    36920

    式艺术–壁纸生成器

    ,用它自己的话说就是“式生成艺术”。Users只需动动鼠标就可以生成唯美的图形,体验一把大神的快感。游戏提供七种颜色与六种对称方式(感觉这个东西可以用来自己个人logo的说)。 https:www.urlteam.orgjiaohu要先点击这个controls 可以调整调色 image.png image.png 原创文章,转载请注明: 转载自URl-team本文链接地址: 式艺术 –壁纸生成器No related posts.

    33030

    易类APP原型分享 - 5miles

    以上的所有页面可以在点击下载所有页面的图片集(10张),点击下载Enjoy it!

    25750

    相关产品

    • 大数据可视交互系统

      大数据可视交互系统

      腾讯云大数据实时可视交互系统 [RayData],基于数据实时渲染技术,利用各种技术从大规模数据通过本系统,实现云数据实时图形可视化、场景化以及实时交互,让使用者更加方便地进行数据的个性化管理与使用。

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      扫码关注云+社区

      领取腾讯云代金券