首页

信息流产品个人资料卡如何设计?这些思路供你参考!

泥人张 手机及小程序界面设计文章及欣赏

在信息流产品中,个人资料卡是一个很重要的页面。一方面,创作者通过这个页面展示账号价值,突显账号魅力,引导用户关注;另一方面,消费型用户通过这个页面了解创作者,查看创作者更多内容,是众多消费型用户消费内容中重要的一环。只有把这个循环做好才能长期促进平台生态发展。 这个页面承载着这么多的价值,该如何设计?本篇将以 QB 看点号资料卡升级的设计思路为例,进行分析解答。 前言 在前期分析...

阅读全文>>

消息通知系统设计指南

泥人张 手机及小程序界面设计文章及欣赏

消息通知可以及时地将状态、内容的更新触达到用户,用户则可以根据收到的消息做后续判断。但是如果没有及时将重要消息触达到用户或者滥用消息,则失去了消息通知的初衷。特别是针对涉及复杂任务流程的产品,消息类型繁杂,难以全面盘点消息类型,消息系统的设计就显得尤为重要。 希望通过这篇文章让各位在设计消息通知系统的时候能够更加全面高效。 如何「理解」消息通知 消息通知需要为产品服务,帮助用户...

阅读全文>>

如何从零开始创建新的设计原则?

泥人张 设计思维

本期提纲: 为什么我们需要新的设计原则 制定新的设计原则 推行新的设计原则 新设计原则的影响 在本文中,我们将分享如何提炼出设计原则,并在团队中引推广实施的。 去年,我们一群人聚在一起探讨了一个棘手的问题:随着 Spotify 的不断发展,我们如何在产品迭代中保持高水平的设计质量? 经过研究和讨论,我们确定了一个方向:为了提高质...

阅读全文>>

如何让你的设计更具有说服力?

分享达人 设计思维

对于一家做项目型的公司而言(今天主要讲的是项目性质的设计工作,产品可以绕道哦),时间就是成本这句话体现的淋漓尽致。基本上给到UI设计的时间,是少之又少,那么如何在一个有限的时间里,设计出优秀的作品呢?这是接下来我想跟大家一起讨论的~ 我们都知道用户体验五要素(战略层、范围层、结构层、框架层、表现层),这五大点是一个个递进的过程,是一个从初步的想法到最后落地的过程。也就是说...

阅读全文>>

设计模式|合理预设:如何为用户提前设置好默认值

分享达人 用户研究

What 是什么 「合理预设」是指系统提供默认选项,这些默认选项不需要用户做任何操作,可以节省用户完成表单的时间和精力。 这些默认选项来的数据源包括: 先前输入的会话数据、来自用户帐户的信息、当前位置、当前数据和时间等等。 案例 钉钉的“代办事项”设置功能,可以自动抓取到语句中的时间信息,自动帮助用户默认填写时间,减少用户的操作时长: ...

阅读全文>>

为什么用户访谈需要关注用户目标

分享达人 用户研究

用户目标与用户调研的关系   什么是用户目标 设计要以用户目标为导向,那用户目标是什么呢?目标不等于任务或活动。目标是对最终情况的预期,而任务和活动只是达成一个或者一组目标的中间步骤。   举例:从家中抵达公司为目标。可以使用任何一种通勤方式:公交车、地铁、打车、徒步、自行车等等,这些通...

阅读全文>>

一篇文章带你深入了解“B端C化”的设计理念

分享达人 用户研究

中国互联网公司的迅速发展正在推动着整个软件行业的审美革命,在C端产品市场逐渐饱和的情况下,互联网大厂正在将资本逐步转移到B端市场的广阔蓝海中。”B端C端化“的设计理念也应运而生,认为可以用C端的模式和思维来进行B端产品的设计。  二、背景 除了刚刚有说到的资本慢慢向B端市场的蓝海转移,还有一点就是中国互联网环境的迅速发展,智能手机的大范围普及,...

阅读全文>>

详解|针对某个功能,如何做竞品分析和设计优化?

seo达人 设计思维

案例    设计需求是:优化一款 B 端产品的「套餐售卖卡片」的原有设计: △ 某 B 端产品服务购买卡片设计(优化前)   你会觉得这个设计无伤大雅,但也说不上专业。于是设计师参考阿里云和华为云的服务购买卡片: △ 阿里云服务购买卡片设计   ...

阅读全文>>

这6种高级黑配色套路,太绝了!

seo达人 设计思维

黑色+白色 黑色是一个很强大的中性色彩,它有一种极其特殊的色彩语言,它很容易让人着迷,而且受到各领域众多设计师的关注。黑色给人传递的是一种庄重、神秘、稳重、高端、大气等等的一系列视觉感受。因此我们在用黑色作为主色调的时候,需要注意产品性格特征,想传递什么样的感受给用户。在杂志化版式设计中,黑色和白色搭配出现频率也是较高,毕竟黑色本身就有一种高级神秘感。当它与白色搭配,更体现极致简约性格。 ...

阅读全文>>

echarts-x轴 y轴配置(字体颜色,线的颜色,分割线,y周单位颜色)

前端达人 前端及开发文章及欣赏

//var myChart = this.$echarts.init(document.getElementById("echart-twoline")); //vue var myChart = echarts.init(document.ge...

阅读全文>>

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档