公告

👇公众号👇---👇 微信 👇

欢迎关注公众号&私信交流

文章首/文尾有群二维码

Skip to content

有意思小周刊(2024.01.22):从用户体验到细节之美:移动端弹窗设计

封面.png

有意思小周刊」是我利用零碎时间,梳理记录一周的日常阅读与思考内容。目的是为以后更好构建自己知识体系,也为了将这些内容分享给你。

以下是这期值得关注的内容

📰 推荐阅读

  1. 关于设计系统的十件事
  2. 从用户体验到细节之美:移动端弹窗设计
  3. 网易云这改版太大了,设计师怎么想的?
  4. 设计助力业务-从用户满意到商业成功
  5. 实例解决产品结构混乱的交互难题
  6. 淘宝购物车扩容与性能优化
  7. “欠款账户”,逆天的账务处理
  8. 复杂表单中,如何设计批量新建功能!

🔎 发现新大陆

  1. 掌上宇宙
  2. Jan:本地安装 AI 大模型
  3. IP-Adapter-FaceID AI

🛠️ 资源·工具

  1. 标记以及生成分享图的日历
  2. AI万能图片编辑器
  3. Quicker:Windows效率工具
  4. Ryujinx:任天堂Switch模拟器

🎯 言论·语录

  1. 架构师日记—聊聊开发必掌握的那些实践技能

推荐阅读.png

▌关于设计系统的十件事

链接:https://mp.weixin.qq.com/s/SdYsu_KTmMDxUuGPwIxERw
设计系统是一个成熟产品或品牌必须拥有的视觉及体验指导。通过设计系统,品牌调性和商业目的将被有机整合并以一个一致的,有辨识度的,有流畅用户体验的方式传达给目标用户。同时在公司内部,设计系统也能够很好的帮助不同部门进行合作,降本增效。但这并不是一件容易的事情,它是一件不断迭代不断发展,需要设计师与开发,运营,市场,品牌等等部门通力合作,不停地吸收反馈,修正道路的事情。

▌从用户体验到细节之美:移动端弹窗设计

链接:https://mp.weixin.qq.com/s/-7gLmxrqAH6xje7C52QK4Q
在当今的移动应用设计中,弹窗作为一种重要的交互元素,对于提升用户体验和增强应用的可用性具有举足轻重的作用。
然而,弹窗设计并非简单的堆砌信息,它需要考虑到用户的使用习惯、心理预期以及操作流程等多个方面。因此,如何设计出优秀的移动端弹窗,成为了一个值得探讨的话题。
本文旨在为设计师们提供一份全面的移动端弹窗设计指南。我们将从弹窗的定义与重要性、类型与使用场景、设计原则以及不同场景下的弹窗设计等方面进行深入探讨。
希望通过本文的分享,能够帮助设计师们更好地掌握移动端弹窗设计的技巧,提升应用的用户体验。

▌网易云这改版太大了,设计师怎么想的?

链接:https://mp.weixin.qq.com/s/WVZ2_oELBWkrbQmyETalQw
国内很多互联网产品,因为不好意思让用户付费,只要拐弯抹角地加各种广告、各种营销玩法,让产品越来越复杂。
可是当越来越多的用户养成了付费习惯,而受够了广告轰炸和营销活动之后,网易云的这种“减法”,或许才是更长远的而稳定的道路。
网易云音乐的这次改版,设计风格虽然没有什么特别的新意,但他们的态度却让我有些惊喜。仿佛在漫长的黑夜中,看到了一丝微弱的曙光。

▌设计助力业务-从用户满意到商业成功

链接:https://mp.weixin.qq.com/s/1ed_Y4xOoUDGn1Y0dyY5UA
在2023年,互联网行业遭遇了前所未有的挑战,许多传统的互联网业务,如58黄页流量,都陷入了增长乏力的困境。对于设计师来说,如何在这样的逆境中找到新的突破口,为平台创造新的增长动力,是一个亟待解决的问题。

▌实例解决产品结构混乱的交互难题

链接:https://mp.weixin.qq.com/s/JWBe-k6xZBJkwWIJPH0NJA
前面的整理我们知道整个 Steam 的页面数量非常庞大,但实际上功能的数量并不算特别多,主要的问题是出在对同类内容的聚合种类庞杂,以及页面的解构、跳转的路径非常的混乱(这里是发现问题)。

▌淘宝购物车扩容与性能优化

链接:https://mp.weixin.qq.com/s/CAUZIIOxsr6kHZcgHvtrcg
为了应对用户规模的增加和交易活动的激增,淘宝购物车近年来进行了一系列技术升级,其中主要集中在扩容与性能优化上。本文将简要介绍这些改进措施,以及它们如何提升购物车的响应速度和用户体验,以实现“又快!又丝滑!”的购物体验。主要包括:

  • 淘宝购物车扩容分析与解决方案
  • 网络包大小与服务端并行化分析与方案

▌“欠款账户”,逆天的账务处理

链接:https://mp.weixin.qq.com/s/kkJTccdG9Z5_QL4730XMtQ
对于一个撮合型交易平台来说,如京东、淘宝、美团等,必然会存在逆向业务,比如订单退款,出现投诉以后平台要扣商家一笔罚款等等场景
以上场景都需要逆向扣除商户收入结算账户里的余额,此时就可能出现余额不足的情况
这种情况,也就产生了商家对平台的欠款
如何处理这种场景呢?这里有几个方案可以选择,最后一个是本文的主角——“欠款账户”

▌复杂表单中,如何设计批量新建功能!

链接:https://mp.weixin.qq.com/s/7NvCon2WQFIJIntCstZD4A
本文介绍了在复杂表单中如何设计批量新建功能。批量新建是指通过规则去新建多条数据,可以根据变化、不变和规则这三个因素来设计表单。根据变化的数据,可以先配置规则再进行创建,或者添加固定数据再进行新建。在实现方面,可以使用数据结构化表单、数组数据表单等方式进行呈现和配置。通过优化表单设计和规则配置,可以快速实现批量新建功能。

发现新大陆.png

▌掌上宇宙

链接:https://cocosmos.online/
这个网站提供了非常丰富的宇宙空间 3D 漫游功能,从星球、星系、星系群到超星系团,非常牛逼。
image.png

▌Jan:本地安装 AI 大模型

链接:https://jan.ai/
像用手机应用商店一样,方便地在电脑上安装和使用各种 AI 大模型,Windows、macOS、Linux 都支持,推荐有比较强劲的电脑配置安装使用。

▌IP-Adapter-FaceID AI

链接:https://ipadapterfaceid.com/
很多科技媒体都报道了 IP-Adapter-FaceID 这个模型,可以克隆照片人物的脸部,然后通过文生图,将克隆的脸用于生成的图片。作者感觉这个模型效果不错,做了这个网站接入了该模型。

资源·工具.png

▌标记以及生成分享图的日历

链接:https://calendar.xym.im/
Calendar Remark 是一款设计简洁,可供标记以及生成分享图的日历,支持 PWA、Dark Mode、Responsive Design 等特性。这个工具可以标记日历,并生成分享图,适合说明私有的日程安排(比如公司活动)

▌AI万能图片编辑器

链接:https://img.logosc.cn/
AI工具箱
image.png

▌Quicker:Windows效率工具

链接:https://getquicker.net/
Quicker是一款非常实用的工具,它可以帮助你更快地完成电脑上的各种操作。为常用操作创建捷径,或创建组合动作来自动化完成操作。然后通过最方便的方式触发动作。
image.png

▌Ryujinx:任天堂Switch模拟器

链接:https://ryujinx.org/
Ryujinx 是一个开源的任天堂 Switch 模拟器,可以在 PC 上模拟运行 Switch 游戏。采用C#开发,基于 .NET Core技术框架,可跨平台运行在 Windows、Linux 和 macOS 等操作系统上。该项目的特点是提供卓越的准确性和性能、用户友好的界面和一致的构建,已经超过约 4,050 个游戏上进行了测试,3400个确认可运行。

言论·语录.png

▌架构师日记—聊聊开发必掌握的那些实践技能

链接:https://mp.weixin.qq.com/s/jPAVBurLIxmoN82eLUdhmw
实际开发场景中总是会遇到各种各样棘手的问题,那么开发者如何尽可能减少不必要的问题呢?本文不仅为架构师们提供了丰富的理论知识和实践经验,还通过举例和案例分析深入浅出地阐述了这些实践技能的重要性和应用方法,无论是初学者还是有一定经验的开发者,都可以从中获得一定的启示。

其他周刊.png

▌龙爪槐守望者

体验碎周报第 174 期(2024.01.15)

链接: https://mp.weixin.qq.com/s/3kaPBllWBahoOlj0_G0t4g

▌大转转FE

转转前端周刊第九十七期

链接: https://mp.weixin.qq.com/s/G6Hn6AOunfqMEGS4__bUZA

▌前端食堂

前端食堂技术周刊第 111 期:JS Rising Stars、2024 年如何写 CSS、两个 React、npm 年度回顾

链接: https://mp.weixin.qq.com/s/-AP9CJe8BRqHKfKUFR5QuA

▌阮一峰的网络日志

科技爱好者周刊(第 287 期):禄丰恐龙谷记行

链接: https://www.ruanyifeng.com/blog/2024/01/weekly-issue-287.html

▌设计素材周刊

Moonvy 维护的设计资源周刊。
链接:https://moonvy.com/blog/tags/%E7%B4%A0%E6%9D%90%E5%91%A8%E5%88%8A/
周刊:Moonvy 月维,设计素材周刊 098 期(https://mp.weixin.qq.com/s/UVolaKO8dkKUTa74q4PZyg

▌安妮薇时报

旗下发行,两周一更,为你提供与设计行业相关的新闻资讯、网摘推荐以及专栏文章等。
链接:https://anyway.fm/news/

▌JELLY DESIGN | 京东零售官方设计共享平台

JDR Design 隶属于京东零售集团。专注于无界零售下完美购物体验的设计探索与尝试,商业价值与用户体验的平衡;为京东集团各业务条线提供设计支持,包括线上基础产品体验设计、营销活动体验设计、品牌创意设计、新媒体传播设计、内外部系统产品设计、企业文化设计传播以及体验创新研究等。同时在设计广度与深度上打造核心能力,将设计能力在组织内部及外部完成规模化的输出与赋能,形成商业组织独有的设计体系。
链接:https://jelly.jd.com/articlelist/exp

▌还可以扫码订阅最新文章

1661303204101-6eb96b12-5584-4d4b-a9ab-c6b7707baf12.png