这9个方法,帮你搭建更加高效的视觉层次

视觉层次是塑造优秀数字产品的基础,它能让内容以更加有效的方式被组织到一起,使其更容易被理解。视觉层次对于用户体验的影响很大,信息的组织架构是否清晰直观,将直接影响到整体的导航和浏览交互。 虽然大家对于视觉层次都有基本的认知,但是在设计的过程中,要怎么做才能确保构建出合理的视觉层次呢?首先,不同的产品构建放方法肯定是不一样的,不过有一些相对通用的方法,适用于多数的情况。今天的文章就为你提供一些通用的视觉层次构建的技巧。 1、基于你的业务目标来构建 每个数字产品背后通常都有着明确

这5个丑出新高度的网站,为什么那么多人夸

@Mockplus原型设计 :网站界面过于漂亮可能会影响网站的可用性,但本文中提到的5个网站界面可谓是「丑」出了新高度。这样的网站它还有可用性吗? 计算器的界面设计算不上漂亮,但当你的指尖在键盘上飞舞时,它可以帮助你解决许多棘手的算术问题。许多人嘲笑Crocs鞋子的设计不够美观,但因为它良好的舒适性,使其成为医疗行业工作者的第一选择。通过这些例子,我们延伸出关于用户体验和可用性之间的一个辩论问题:产品并不一定要漂亮,才能提供极棒的用户体验。 让我们来看看5个例子,一些UI看起

进阶高级设计师!如何从零开始做出用户体验地图?

58UXD:在日常项目中,产品和设计同学可能会面临一个问题,只有页面数据参考,而缺乏定性研究结论帮助验证和拓展设计思路。针对这种情况,在去年9月份,我们对用户的求职行为进行了一次全流程的调研,并绘制成用户体验地图(User Experience Map)。 通过体验地图的项目,我们发现了很多产品的优化方向。下面就从以下四个方面,将这种用户研究方法和经验分享给大家。 体验地图能为设计带来什么 设计师怎么组织用研项目 创建体验地图的步骤和Tips 如何有效地运用体验地图 体验

网易考拉设计师:如何用心理学提高产品价值?

网易UEDC – 周倩 :这篇文章的想法萌发于我产假期间,那是我心态急剧变化的一段时间。从怀孕开始,我变得懒惰、暴躁、脆弱,这让我觉得有点沮丧。通过翻阅资料,我很清楚的知道这是身体的自然反应,可是就算这样安慰自己,心情还是无法改善。 从那时候我开始明白,我们的意识对自己的身体、行为,以及心理的控制力,是多么地微不足道。因为我们是人,拥有着作为人这种生物的生理和心理上的特点,这些特点,被我们称为人性。 研究表明,人类有90%的行为是无意识的。比如吃饭、睡觉,恋爱这些看起来很主观

保障了罗振宇跨年演讲的PTS铂金版正式上线,产品体验全新升级

虽然2018年的跨年已经过去,但是对于今年各种新颖的跨年形式,不少人仍然意犹未尽。比如,罗振宇在深圳卫视和优酷直播的跨年演讲《时间的朋友》。据悉,当天现场参与人数近万,观看直播的观众多达百万。有业内人士表示,这场全新的内容盛宴不仅标志着观众的娱乐品味已经越来越多元化,也同时标志着支持突发大流量的网络技术已经成为现在主流APP的标配。而在本次跨年活动中,保障了得到APP稳定性和体验的,正是阿里云-性能测试(PTS铂金版)1.1版本。PTS 铂金版全新升级 1.1版本正式上线近日

【设计总结】 99公益日2017年项目设计总结

活动背景 今年,已是99公益日诞生的第三年了,在近几年的不断努力中,已经有越来越多的爱心伙伴加入到了99公益日的行列,也有越来越多的人知道并参与了99公益日。在新的一年,99公益日也面临着新的变化、机遇与挑战。 新的变化 今年有近300家爱心伙伴参与,带来的配捐额度达到了3.09亿元,首次超过了腾讯基金会的配捐额度2.99亿元,总配捐额度已经超过了6亿元。20多个互联网产品也加入了99公益日,合作推出多种行为公益的新玩法。299位社会各界名人作为爱心大使,呼吁大家一起为公益

花式玩转公众号头图,提高图文打开率!

微信公众平台头图改版后,边缘与背景相融: 对单条图文来说:标题和摘要放在了头图下方,去掉了日期和阅读全文标识。 对多图文来说: 头图:去掉了推送信息列表的整体白色描边,去掉了头图的黑条标题方式,标题改为白色文字叠加半透黑色渐变。 小图:去掉了右侧缩略图之间的分割线,变成了自然分割。 总得来说:头图确实得到了更完整的呈现,也符合沉浸式的阅读体验。但标题没有了黑条的遮挡,很容易与头图混杂在一起,显得重点不突出,这给头图的选择提出了更高的要求。 不过也由此带来一个

前端 WebView 指南之调试篇

抓包 调试 Android Chrome iOS Safari weinre eruda 微信 WebView 调试 总结 原文: https://imnerd.org/webview-debug.html WebView 是一个客户端浏览器控件,可以实现加载并渲染网页的逻辑。但是这个控件并不能完全同等于浏览器,而且我们页面的一些行为会依赖客户端的交互所以我们需要在 WebView 环境中进行调试。下面我就来说一说简单的 WebView 调试方法。 抓包 抓包即我们

前端 WebView 指南之调试篇

抓包 调试 Android Chrome iOS Safari weinre eruda 微信 WebView 调试 总结 原文: https://imnerd.org/webview-debug.html WebView 是一个客户端浏览器控件,可以实现加载并渲染网页的逻辑。但是这个控件并不能完全同等于浏览器,而且我们页面的一些行为会依赖客户端的交互所以我们需要在 WebView 环境中进行调试。下面我就来说一说简单的 WebView 调试方法。 抓包 抓包即我们

前端 WebView 指南之调试篇

抓包 调试 Android Chrome iOS Safari weinre eruda 微信 WebView 调试 总结 原文: https://imnerd.org/webview-debug.html WebView 是一个客户端浏览器控件,可以实现加载并渲染网页的逻辑。但是这个控件并不能完全同等于浏览器,而且我们页面的一些行为会依赖客户端的交互所以我们需要在 WebView 环境中进行调试。下面我就来说一说简单的 WebView 调试方法。 抓包 抓包即我们