展开

关键词

10个最新Web实例欣赏

如今,越来越多的UXUI师将动画元素(例如鼠标悬停状态,音频或视频媒体,滚动等等)添加到其网站之中。 这也是为什么式网站已然成为师们跟风追赶的潮流的原因。然而,网站的并没有想象的那么容易,如何才能将寻常的或动画元素结合起来,打造出优质炫酷的网站呢? 下面为大家介绍10个最新优质的式网站实例,希望能给你的网站带来灵感:1.APPSAPPS是一个由VGNC创意公司为酒类品牌创建的优秀式网站。 多样的和动画,方便访问者轻松点击滑动,即可流畅地查看其工作室作品以及相关信息。所以,如果你也在考虑和创建一个类似的特色工作室网站,可以参考这个网站的一些方式来完成。 希望它们能带给你启发,帮助你并创建一个有趣炫酷独特优质的式网站。(点击查看12个不容错过手机移动应用实例)

1.8K160

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

22230
  • 广告
    关闭

    云产品限时秒杀

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

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

    分享:浅谈的一切

    原文出处: 四四四毛 什么是用户界面有两部分的和视觉。在下图中,左边和右边分别是微信的和视觉。 ? vs. 视觉的产出物是可的低保真原型,内容包括:信息架构;页面布局;流程跳转。1. 区分和视觉有一种快速判断法,那就是web工程师平时写的css里的属性和参数,都属于视觉的范畴。所以很多公司会多招几个UI师,他们不仅仅负责视觉,还负责输出css样式表。 这也是为什么目前的师中理工科院的学生占了很大比例。业界也有很多开发工程师转做的成功案例。所以做 开发,学有优势。 其次,会影响视觉,视觉也有可能反过来,让做修改。举个例子,我们最近正在做的一个功能。 ? 案例最早的里没有列表选择功能。

    65340

    走进——感受生活中的

    (英文Interaction Design, 缩写IXD),是定义、人造系统的行为的领域,它定义了两个或多个动的个体之间流的内容和结构,使之相配合,共同达成某种目的。 作为一门关注体验的新学科在二十世纪八十年代产生了,它由IDEO的一位创始人比尔·摩格理吉(Bill Moggridge)在1984年一次会议上提出,他一开始给它命名为“软面(Soft Face 小结:随着技术的发展,新产品的增多,用户对产品认知的巨大变化,这门学科应运而生。它连接了科技与体验,产品与用户,商业与人们日常的生活。可以说在当今社会扮演了越来越重要的角色。 产品的好坏可以影响我们日常的情绪,而用户体验的质量又会作用于产品的商业价值。正悄悄深入我们的生活,改变我们的生活。因此,走进,认识也变得和我们每个人息息相关。 读完这篇小文相信你已经初步了解了,那不妨再去寻找和体验一下自己身边的

    1.3K80

    界面

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

    46690

    规范

    当产品规模大了之后就需要多个产品师协作完成整个产品,由于不同产品师之间的理念、方法、习惯的不同,协作完成的产品往往会导致产品一致性差,质量参差不齐。 这个时候会需要一份规范来规范和指导产品,从而保证产品的一致性,提升整体产品质量。 本文就来说一说规范应该包含的一些内容:一、页面信息规范 页面信息规范主要指页面的静态信息应该遵循的规则,包括: 1.标题规范 用于规定整个产品中所有不同层级不同功能的页面应该使用的标题的规则。 二、信息规范 提示规范主要用于规定在过程中的方式及其信息提示,包括: 1.预先信息提示 所有进行前需要提供充分给用户的预先应该知道的提示信息。 (如提评论后应该直接展示给用户他提的评论)三、通用控件规范 当有一些功能会被多个模块复用的时候(如标准评论框、标准好友选择器等),需要把这些功能提炼出来成通 用控件被多个模块共用。

    8920

    的本质

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

    35620

    控件之按钮

    关于移动端的底部导航,有几个原则可以参考借鉴。 1.只使用3~5个最重要的导航按钮。1,2个就太少了,如果只有1,2块主要内容,那根本不用导航栏,直接切换即可。 四.按钮 按钮是最重要的控件,在按钮的时候以下的建议可以作为参考。1.让按钮看上去像一个按钮。 移动端用户的操作是用手指来进行的,移动备屏幕的限制,按钮不可能做得很大(也不美观),但也不能太小,否则手指很难操作。大小的需要参考手指的触摸点大小。 ?一个比较糟糕的体验来自腾讯的应用宝。 ? 如果你真的要使用,你最好先认真了解一下google 的 Material Design的规范。

    73150

    新趋势,如何语音

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

    68190

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

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

    1.9K80

    鹅厂师如何写文案

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

    546100

    再看语音

    但是,语音并不是新兴的技术,在20多年前老码农刚刚参加工作的时候就可能已经存在多年了。? 从IVR 系统看起式语音问答(interactive vocie response,IVR)系统的出现,代表了语音的第一个重要时期。它可以通过电话线路来理解人们的话,并执行相应的任务。 语音的原则保持用户参与度是最高原则,VUI应该围绕如何让用户进入下一步来进行,如果某些信息当前还用不到,就不要问用户。 可视化组件可以让用户更从容地进行,视觉和语音的协同非常重要。?关于容错处理任何时候都不要责怪用户,将错误归咎于系统是原则。 总之,语音的结果使得是省时、高效的,能够使用上下文语境,优先考虑的是个性化,而不是所谓的“个性”。?

    56720

    学习笔记

    • 产品 – 关注的是功能、结构、人因、形态、色彩,环境等要素以及采用的技术、方法和功能的实现手段等, 是间接影响产品最终用户的 • 以用户为中心的 – 是在过程中以用户体验为决策的中心 ,强调用户优先的模式。 • 用户体验 – 目标,即我们努力应该去为用户创造良好的感受,参考15,16课内容  • – 注重产品和使用者行为上的以及的过程,强调的是理念和方法。 侧重的是双方信息表 达方式和情感,是直接影响产品最终用户的 • 人机 – 人与算机的的对象特指算机,是里面的一种。  • 界面 – 主要指人和机器界面的。  • 可用性 – 评测用户体验的标准 常用的原则

    7020

    10、联网产品的

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

    68460

    方案记分对比法

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

    22360

    微动效指南

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

    68060

    体感原则

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

    644160

    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.” 没错!

    19830

    进阶三重境

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

    24710

    Apple 的哲学 ·

    苹果是一家为数不多以驱动的公司。如今,当我们谈论起产品、谈论起用户体验,总是离不开苹果,它所坚持的哲学是对细节和质量的极致追求。下面,我就带大家看看 Apple 在方面做的努力。 和触控一样,苹果把动画放在了极高的位置。 ? Apple MusicApple Music 模态弹窗的动画曲线非常严谨。在屏幕底栏有个迷你播放器,点击它,可以查看播放详情。 如无必要, 勿增实体2017年,苹果发布了 iPhone X,由 Face ID 取代了 Touch ID,确立了新的人机解锁方式。但刘海的工业,被用户疯狂吐槽。有没有别的办法呢? 重新定向在使用备中,用户的操作是一直在改变的,所以的中间过程,同样需要重新定向。? 为用户创造一系列的愉悦体验,这也许就是苹果的哲学。作者:阿洋,网易资深师,每周原创干货本文首发自公众号:洋爷(ID:yangye365)

    31220

    相关产品

    • 大数据可视交互系统

      大数据可视交互系统

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

    相关资讯

    热门标签

    扫码关注云+社区

    领取腾讯云代金券