CASE STUDIES

把经验拆开,让实践更近一步。

发起投稿

设计、前端与后端,30 份原创教学案例,从情境、取舍到验证方法。

共 30 份内容 · 第 2 页
案例
后端开发·进阶

评论分页与限流:稳定读取,克制写入

为案例评论设计基于时间与标识的稳定分页,将读取游标与写入限流分别建模,明确单次数量、重复提交和错误反馈,处理新评论插入、删除及多实例部署下的边界。

评论系统游标分页限流
案例
前端开发·进阶

弹窗键盘焦点:打开、循环与返回

以收藏到清单的模态弹窗为例,明确初始焦点、关闭方式、背景交互与返回位置,优先采用原生对话框能力,再针对长内容和触发元素消失补齐检查,避免键盘用户迷失在浮层中。

弹窗键盘焦点可访问性
案例
后端开发·进阶

收藏幂等:重复请求也只产生一个关系

以用户收藏教学案例为例,用唯一约束表达关系身份,以设置目标状态代替切换动作,说明并发点击、超时重试和计数更新的处理,让前端反馈与数据库中的最终关系保持一致。

幂等接口唯一约束收藏
案例
设计·入门

移动表单出错后,怎样让用户接着填

以活动报名表为练习,梳理软键盘、错误定位、草稿保留和分步返回的关系,通过具体错误文案与恢复流程,降低用户在小屏幕上修正信息时重复输入的负担。

移动表单错误恢复可访问性
案例
设计·入门

作品集叙事:用决策链连接问题与界面

以自发改版练习为例,组织问题、约束、备选方案、关键决定和验证记录,区分观察与推断,明确个人贡献和证据边界,让作品集展示设计判断而不仅是最终画面。

作品集设计叙事证据表达
案例
设计·入门

商品详情页:把规格选择放回购买路径

以可下载设计素材包为练习,梳理预览、授权、规格与付款前确认的连续路径,明确价格变化和缺货反馈,减少用户在长详情中反复寻找购买条件的成本与误解。

电商体验购买路径规格选择