IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者
首页 / 5173 UED Blog
IT 2011-08-09 08:27:23 / 累计浏览 2,720

浅析韩国团购网站

这篇讲的是韩国早期团购网站生态的一次横向对比分析。作者从页面设计风格、交互流程、技术选型以及背后不同的运营模式这几个维度,拆解了包括Coupang、TicketMonster在内的多个代表性平台。 文章没有停留在功能罗列,而是深入到了一些具体的设计差异。比如,针对高频用户与普通用户,不同的网站如何通过首页布局与推荐逻辑来引导转化;在支付环节,又如何平衡快捷登录与信息完整性。这些细节对比,清晰地勾勒出当时韩国市场在“快速扩张”与“精细化运营”两种思路下的产品分野。 作者还指出了一个关键结论:技术架构的选择往往紧密服务于业务目标。那些更注重订单峰值与履约速度的平台,在前端实现与后端服务拆分上明显更为激进。这对于理解技术如何驱动商业模式落地,提供了不少可供参照的实例。

本机暂存
IT 2011-03-06 22:50:10 / 累计浏览 3,380

让网页设计有规律可循

这篇讲的是如何通过建立系统性规律来提升网页设计的效率与一致性。作者从设计实践中常见的痛点出发——比如页面风格不统一、设计决策重复、协作沟通成本高——引出了设计系统的核心思想。文章没有停留在抽象理论,而是具体拆解了几个可落地的“规律”:比如建立明确的颜色与字体梯度规范、构建模块化的组件库、制定响应式布局的断点与间距规则。文中还对比了不同规模团队的实践案例,指出小团队可以从小型的设计令牌开始,而大型项目则需要更完整的样式指南和版本管理。最终,这套“规律”帮助设计团队减少了反复决策的耗时,让设计师能更专注于创意和用户体验的优化。对于想提升设计效率与质量一致性的前端和设计同学,这套思路提供了清晰的搭建路径。

本机暂存
IT 2011-03-03 23:11:56 / 累计浏览 3,080

漫谈互联网产品商业需求文档(BRD)的设计(2)

这是“漫谈互联网产品商业需求文档(BRD)的设计”系列的第二篇,承接上文对决策模型的探讨,深入到了BRD撰写的核心心法。作者开宗明义地指出,许多产品人容易陷入“自嗨式”撰写,最终报告被否。问题的根源在于站位——报告的成功,很大程度上取决于你是否真正站在了决策评审方的立场上。 文章剖析了决策层关注的焦点,并非文档本身的华丽或逻辑的自洽,而是这份需求与公司战略、资源投入和预期回报之间的匹配度。因此,作者强调,动笔前的“换位思考”比文档技巧更为关键。充分理解评审者的考量框架,就相当于把握住了BRD的命脉,让报告从一开始就站在成功的起点上。这篇干货直指痛点,为如何写出一份“能通过”的BRD提供了切实的视角。

本机暂存
IT 2011-02-13 21:03:25 / 累计浏览 2,060

用户及用户特征

这篇讲的是用户研究的根本出发点——网站设计的“用户中心”原则。作者没有罗列方法论,而是直接点明:想要和用户有效对话,起点必须是理解交流对象本身。理解用户的具体需求,会直接决定我们提供什么样的内容、呈现多大的信息量,以及最终采用怎样的信息结构。它把“用户”从模糊的群体概念,还原为有明确需求的个体,强调了这份理解对后续所有设计决策的基础性影响。 对于正在规划或优化网站的产品经理与设计师,这篇文章重申了一个容易在技术细节中被忽略的常识:所有架构和内容的取舍,其评判标准都源于对用户是否真正有效。

本机暂存
IT 2011-02-07 05:07:55 / 累计浏览 2,060

用户研究的常用方法的选择和使用

这篇讲的是用户研究员和产品经理在工作中常纠结的一个问题:方法那么多,到底该选哪种。 文章没有泛泛而谈,而是直接切入场景。作者从常见的几种方法——比如深度访谈、可用性测试、问卷调查、数据分析——出发,对比了它们各自最擅长解决的问题类型。比如,深度访谈能挖出用户没说出口的深层动机,但样本量小;可用性测试能直观看到产品哪里“卡住”了用户,但更依赖原型完成度;问卷能快速收集大量反馈,却难以触及“为什么”。 它强调没有“最好”的方法,只有“最合适”的组合。在项目前期,可能更需要开放式的访谈来探索问题;到了设计验证阶段,小规模的可用性测试则能快速发现交互漏洞。文章也提示了不同方法的执行要点和常见陷阱,比如避免在问卷中诱导提问,或者如何让访谈对象放松下来讲真话。 对于需要系统规划用户研究流程,或总是苦于“找不到人”、“问不出东西”的团队来说,这篇文章提供了一个清晰的选择框架和实用的操作建议,能帮助大家更高效地拿到用户洞察。

本机暂存
IT 2011-02-07 05:04:23 / 累计浏览 2,320

重温《二维设计基础》

这篇讲的是作者重温《二维设计基础》后的体会。二维设计基础通常涵盖平面设计的核心要素,如点、线、面的构成,色彩理论中的色轮与对比,以及构图法则如网格系统和负空间运用。作者从自己多年的数字设计实践出发,重新审视了这些经典概念,并对比了它们在现代UI设计和传统平面媒介中的应用差异。 在重温过程中,作者发现尽管工具从Photoshop演进到Figma,但基础原理依然关键。例如,书中强调的“对比与平衡”原则,在信息密集的移动端界面中能有效提升可读性;作者通过一个实际项目演示了如何用黄金分割优化布局,减少用户视觉疲劳。同时,作者指出二维设计基础常被新手忽略,导致设计作品缺乏层次感,而定期回归这些知识

本机暂存
IT 2011-02-07 05:03:18 / 累计浏览 2,980

漫谈互联网产品商业需求文档(BRD)的设计(1)

这篇讲的是互联网产品在正式进入开发前,那份决定项目生死的商业需求文档(BRD)该怎么设计。作为系列文章的开篇,它没有堆砌模板,而是从“为什么需要BRD”这个更本质的问题切入。 作者指出,一份优秀的BRD不只是给老板看的“立项报告”,更是产品团队内部对齐目标、梳理商业逻辑的核心工具。它需要清晰回答几个关键问题:这个产品机会的市场有多大?我们切入的用户痛点是什么?相比竞品,我们的核心竞争力在哪里?预期的盈利模式与财务模型是怎样的? 文章强调,好的BRD设计能帮助团队在源头想清楚商业闭环,避免“为做产品而做产品”的陷阱。它更像是产品商业化的一个思考框架,而非一份僵化的文档。这为后续深入探讨具体的设计模块与写作技巧打下了基调。

本机暂存
IT 2011-02-07 05:00:25 / 累计浏览 2,780

CES 2011 移动设备界面的视觉盛宴

这篇梳理了CES 2011上亮相的移动设备界面设计。当时智能手机和移动互联网正值爆发前夜,展会成了厂商展示交互理念的舞台。文章带我们回顾了那个时期的视觉风格:物理键盘与触控屏交替,拟物化设计大行其道,各种滑动、翻页特效层出不穷。从三星的TouchWiz到HTC的Sense,各家都在系统层面上比拼流畅度与视觉吸引力。 这些界面设计不仅是为了好看,更是在探索如何让用户更高效地操作日益复杂的功能。作者捕捉到了当时设计的关键趋势:追求华丽动效以体现性能、深度定制以打造品牌辨识度,以及尝试在有限屏幕空间内平衡功能与美感。这些早期的探索,为我们理解后来扁平化设计的兴起、手势操作的普及提供了重要的背景注脚。

本机暂存
IT 2011-02-06 23:52:57 / 累计浏览 3,280

阅读的价值之体验设计

这篇讲的是体验设计如何真正为阅读内容赋能。作者从一个基本洞察出发:好的阅读体验不只是“好看”,而是通过设计降低用户的认知负荷,让内容的价值更顺畅地抵达读者。文章探讨了几个关键点,比如如何通过清晰的排版节奏引导视线流动,利用恰到好处的留白营造呼吸感,以及交互细节如何避免打断沉浸式的阅读流。核心观点在于,体验设计的最高境界是“隐身”,它不喧宾夺主,而是默默构建一条从内容到用户的高速公路。这对于做内容平台或文档产品的技术同学很有启发——我们常把精力花在功能堆砌上,却忽略了让核心信息被“舒适地接收”这一基础体验。

本机暂存
IT 2011-02-06 23:51:32 / 累计浏览 3,520

视觉设计分享―专题页面篇

专题页面的设计往往需要平衡视觉冲击力与信息传达效率,这篇文章通过具体案例展示了如何处理这种平衡。作者从实际项目出发,分享了两个完整的专题页面设计稿,重点呈现了视觉层次构建与版式节奏的把控。 第一张设计稿在整体布局上采用了鲜明的主视觉与规整的信息区块划分,通过色彩对比与留白引导用户视线流动。第二张则展示了更复杂的内容组织场景,利用卡片式布局与图标系统,在保证设计统一性的同时有效区分了不同功能模块。 这些设计背后体现了对用户浏览路径的预判:如何在移动端有限屏幕内突出核心内容,如何通过视觉符号降低认知负荷。对于需要频繁产出运营专题页的设计师而言,其中关于视觉密度控制与跨页面风格延续的处理方式,能直接转化为实际工作中的设计决策参考。

本机暂存
IT 2011-02-06 23:45:08 / 累计浏览 2,980

未知高度的图片垂直居中

在前端开发中,让一张高度未知的图片在容器里完美垂直居中,听起来简单,实际操作起来却经常让人抓狂——传统的`line-height`或固定`padding`方法都因高度不确定而失效。这篇文章就精准地切中了这个经典痛点,并提供了一个极其简洁优雅的CSS解决方案。 作者的核心思路是利用`inline-block`和`vertical-align`这两个基础属性的组合。关键在于,为图片和容器设置相同的`line-height`值,同时将图片的`display`属性设为`inline-block`。这样,图片的行内框就能利用行高进行对齐,而`vertical-align: middle`则确保了垂直方向的居中。整个方案无需JavaScript介入,代码量极少,兼容性也覆盖了主流浏览器。 其巧妙之处在于将图片视作一个行内元素,利用文本排版的规则来解决布局问题,化繁为简。实际效果是,无论图片高度如何变化,都能在父容器中始终保持垂直居中。对于需要快速实现响应式图片居中的场景,这是一个非常实用且无侵入性的技巧。

本机暂存
IT 2011-02-06 23:36:36 / 累计浏览 2,520

文案不纠结,神马也变浮云

这篇讲的是技术文案写作中常见的“纠结循环”问题。作者从实际编辑经验出发,观察到不少技术作者在撰写文档或博客时,容易因过度追求用词精准、风格统一或结构完美而陷入反复修改,导致效率低下甚至内容搁浅。文章的核心观点是,文案纠结往往源于目标模糊——如果没有明确受众和核心传达点,就会在细节上不断打转。为此,作者提出了一种“极简框架”:先用一句话概括文章主旨,再列出三个必须覆盖的关键点,最后用平实语言直接表达。这种减法思维能大幅减少决策时间,让文案快速成型。文章还结合具体例子,比如如何简化技术描述、避免术语堆砌,来展示这种方法的实用性。对读者来说,这篇文章的启发在于,技术内容的本质是高效沟通,与其纠结于修饰,不如聚焦于清晰和直接,从而让知识传递变得更顺畅自然。

本机暂存