用户体验设计中绕不开的环节:动画和动效

本文尽可能系统地呈现动画和动效在视觉和交互上的常见功能和作用。enjoy~动画效果是用户体验设计中绕不开的环节,而在移动端交互当中,动效是作为转场的润滑剂,承上启下的重要环节而存在。无论是发送信息,打开设置,选中元素,导航到下一个页面,这些变化发生的时候,动效让这一切不那么突兀,自然地过渡,呈现状态变化,帮助用户更清晰的明白当前的状态,这是绝佳的方式。在今天的文章当中,我们

界面设计中如何增强 CTA 按钮召唤力?

以下内容由 Mockplus(摹客) 团队翻译整理,仅供学习交流, Mockplus是更快更简单的原型设计工具 。网页和软件应用之类数字产品的有效交互系统一般是由拥有各种任务和功能的小元素构成。而为创建更加完整流畅的交互系统,Web和软件应用的每一个细节都应该被重视。这一点必须牢记。按钮,作为Web和软件应用用户界面最核心的交互元素之一,对于提升用户体验,增加网页和软件应用

“手把手教你设计”—12 个最佳手机 APP 界面设计教程

UI/UX 设计确实是需要一定的经验和学识才能真正在这个行业立足,并不是所有想成为设计师的人最后都能如愿以偿。他需要对设计有基本的了解,清楚设计的基本原则。用户界面设计师和其他行业设计面临一样的挑战,那就是用户是怎么想他们产品的,是否功能易用?是否美观让人愉悦?所以,我们可以看出UI设计是关于平衡可用性和可视化的。这篇文章集合了12个最佳手机用户界面设计的教程,虽然教程偏向

10 个实用的 UX 设计作品推销小窍门

以下内容由 Mockplus(摹客) 团队翻译整理,仅供学习交流, Mockplus是更快更简单的原型设计工具 。众所周知,产品用户体验很重要,即使是Google也知道这一点。但是,当真正涉及到UX 设计销售时, 往往会让人觉得似乎并没有人认识到其重要性。因为,当我们提出这些想法时,客户也好,同事也好,都表现出了完全难以理解的状态。那么我们究竟怎样才能更好地服务客户,并让我

UX 术语详解:任务流,用户流,流程图以及其它全新术语

以下内容由 Mockplus(摹客) 团队翻译整理,仅供学习交流, Mockplus是更快更简单的原型设计工具 。用户体验拥有一长串专业的术语和可交付内容。当在线查看UX相关职位描述时,所罗列的这类术语更是全面繁多。而且,随着时间的流逝和它们自身的不断演变,其中很大一部分甚至出现了定义上的重复和交叠。所以,为方便设计师,Web/app开发者以及用户等更加简单的理解这些术语和

专访 Mockplus 用户齐嘉伟 | Mockplus 满足做原型的所有需求

任何一个产品,背后如果没有用户群体,都是无法在竞争激烈的市场环境里生存下来。如果用一个单向的比喻,那么用户于产品,就好比水于舟。轻舟驶入江河湖海,长成装备齐全的舰艇,少不了水的承载依托和冲击磨砺。而如果舟小无力,则必会承受不起大浪淘沙终沉入水底。正因为如此,Mockplus关注每一位用户,也感恩每一位用户。倾听,是Mockplus走近用户的第一步。今天有幸采访到Mockpl

企业级B端产品交互设计思维:设计师如何快速产出高效方案

本文分享主要是针对B端产品的交互设计思维,作者结合自身经验来谈谈设计师在面对各式各样的复杂产品时,如何保证我们能在最短的时间内给出最有效的方案?enjoy~如今,越来越多为企业服务的B端产品也越来越重视用户的操作体验,通过在美云智数工作的这几个月,对B端产品有了更深一步的思考,现在把这些思考和经验整理出来,希望今后能不断总结,提供更多有价值的设计思维。这一次分享的主题是针对

资深 UX 设计师:用户体验设计过程方法论的演变

编者按:就算是设计师也很难搞清楚用户体验(UX)设计的流程,这正是现代的用户体验设计让人头疼的地方所在。为什么会有这样的一个情况呢?资深用户体验设计师伊恩·阿姆斯特朗(Ian Armstrong)在Medium上发表了一篇文章,详细地梳理了用户体验设计过程方法论的演变,我们能够从中找到答案。对大多数设计师来说,用户体验(UX)的流程是非常令人困惑的。“用户体验设计”这一概念

3个令用户印象深刻的体验

记着你,还爱着你!开始文章前,先和大家一起做个小测试:闭上你的眼睛,然后回忆你近几年觉得很重要的事,认真回忆…怎么样?你还记得哪些时刻?我想应该是非常碎片化的吧,你记得的应该不多了,零零散散的记得一些东西,都是一些非常精彩的时刻,而大多数应该忘得差不多了。人是健忘的,对于自己身上特别重要的事,都尚且如此,何况其他的。特别是现在这个信息大爆炸、内容碎片化、所有的东西都在抢夺你

2018 年不可错过的创意 404 报错设计

希望你能从这些最新的404页面设计作品中获得灵感, 并吸取到一些有用的东西。404报错页面,作为提醒网站访问者服务器未找到请求资源或文件的页面,时常被UI/UX设计师,产品经理以及网页/软件开发者视作(包括枯燥的登录页面,加载页面以及引导页面在内)导致网站/软件用户流失或跳出的重要元凶。然而,但这并不意味着404页面在任何情况下,对于他们来说都是不能提及的噩梦。事实上,一款

假设一款新的App需要评论功能,该如何设计?

无论是设计一款产品还是一个功能,“用户体验的5个层面”都会贯穿始终,从产品的方向骨架开始,逐渐丰富完善,直到细枝末节的处理。近些年, 无论是媒体、社交、电商、音乐、视频,移动应用的社交化越来越成熟,都在培养用户间或强或弱的社交关系。各种应用中的“评论”功能已成为其不可或缺的一部分。“评论”不再以用户发表意见为唯一目的,还营造出了一种隐藏在屏幕背后的社群关系。在很多应用中,依

iPhone X :全新的交互革新

尽管用滑动手势替换过去的 Home 键会产生一些困难,但我们终将通过更大的屏幕获得更好的体验。十年前,第一代 iPhone 横空出世重新定义了手机,到今天它不仅提供了更多的多样性,而且毫无疑问,也提供了更出色、更一致的易用体验。移动交互设计中最大阻碍就是屏幕空间的有限:如此多的信息需要适配,必要的信息、拥挤在汉堡包菜单下的导航元素,令用户难以迅速找到想要的内容。多年来,交互

苏宁金融初体验|三个方面,解析「苏宁金融」

有些东西看不见摸不着,但是它一直存在。苏宁金融是国内O2O金融的先行者,自己从事的也是互联网金融行业。为了进一步提升自己的产品思维,我就尝试着把app中的体验问题分享出来。当然因为自己没有参与过这款产品的设计研发过程,我所提出的问题可能他们也发现了,但是因为各种客观原因无法得到很好的解决。所以我这里说的都是自己一些个人看法,仅供苏宁团队做个参考。以下是我从 品牌化处理,

B类包装行业线上互动链的重构

如何解构沟通过程,重构理想的互动链路?文章以包装加印项目为例,和大家分享项目过程中的设计思路。包装行业是一个加工定制属性明显的行业,大多数包装都需要定制,其行业门槛较高、专业性较强,设计师很难用共情的方法去做设计;特别是在B类的定制业务中,用户单次采购链路长,影响决策的因子多,设计师如何从用户体验的角度出发,深入了解行业,洞见用户的痛点诉求?如何解构沟通过程,重构理想的互动

两个交互设计鸿沟:评估与执行

通过每次交互,用户都必须克服理解系统当前状态和了解如何改变系统当前状态的双重挑战。设计师可以通过意识到这些鸿沟并用透明的概念模型来消除这些鸿沟,从而为他们提供支持。上周,我买了一款很棒的新蓝牙耳机 ; 但遗憾的是,我花了一个多小时才把它连接到我的电脑上。尽管耳机手册和电脑支持网站作出了承诺,但耳机并未自动与计算机连接。我在重新阅读说明书之后,检查了耳机和电脑,确保它们都已打

你在无意中就打破了用户体验设计中最重要的规则!

以下内容由Mockplus(摹客)团队翻译整理,仅供学习交流产品设计中最重要的规则,可能是产品的周期管理。每个人都应该遵守一定的重要规则,特别是那些从事产品设计的人。而许多设计师却日复一日地在设计中违反规则,而这是绝对不利于他们的设计的。在本文中,我将解释什么是设计中的重要规则,以及它对产品和服务中意味着什么。我还将在组织管理、协作和总体性能方面提出这一现象存在的可能含义。

怎样使用原型设计中的组件样式功能

“样式”是一个集中管理你整个项目的页面和部件的外观和感受的解决方案。可以把它理解为微软Office Word中的样式,或修饰HTML的CSS样式。当更新项目的视觉设计时,使用样式可以节省你很多时间。他们还可以帮助标准化或统一化多个团队成员对项目文档的编辑风格。一致的风格也可以帮助定义和加强你的品牌的外观和感受,增加线框图和原型的专业性。何时会使用到样式呢?这几种情况下样式可

移动网站应用设计:速度至关重要!

以下内容由 Mockplus(摹客) 团队翻译整理,仅供学习交流, Mockplus是更快更简单的原型设计工具 。 在2016年,全球的移动互联网使用率首次超过台式电脑。根据谷歌英国地区研究:“如今,65%的英国成年人都使用智能手机作为他们上网的主要设备。”人们搜索信息,购买商品,订阅服务都是使用移动设备。用户偏好的转变导致用户对产品的期望也大大增加。如今,大多数用户对于

房屋建造实例映射出的用户体验原则

以下内容由 Mockplus(摹客) 团队翻译整理,仅供学习交流, Mockplus是更快更简单的原型设计工具 。设计构架如何在创造吸引人的应用程序时产生更好的情感影响 01设计理念并不是某一领域—专门为某个具有一定需求的人群提供解决方案的专业人士独有的。我们在任何地方都能看到设计,但我们总是把注意力集中在某些我们觉得有需求的领域。在过去的几年里,我一直担任一名用户体验设计

移动用户界面的 5 个设计原则

以下内容由 Mockplus(摹客) 团队翻译整理,仅供学习交流, Mockplus是更快更简单的原型设计工具 。去年移动端用户首次在全球范围内超过桌面端用户。看看来自全球的统计数据,如今超过22%屏幕的分辨率为640x360。这种趋势不容忽视,尽管响应式和移动式开发已有一段时间了,移动界面中的交互与桌面界面中的交互却非常不同。随着React Native和Progress