《社交网站界面设计(原书第2版)》——1.6 模式:用作原型的模型或者原型

简介: 本节书摘来自华章计算机《社交网站界面设计(原书第2版)》一书中的第1章,第1.6节,作者:(美)克里斯蒂安·克鲁姆里什(Christian Crumlish),艾琳·马洛恩(Erin Malone)著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。

1.6 模式:用作原型的模型或者原型

刚开始使用交互设计模式时,我们是这么定义模式的:
在特定环境下,某个已知问题通用的且成功的交互设计组件和设计方案。
模式就像建筑中的砖块,是用户体验和描述交互过程最基本的组成部分。我们可以将它们与其他模式或其他界面组件和内容结合起来,共同创建一个交互式用户体验。它们在技术和视觉上并不固定,也就是说,我们不能规定某一模式的具体技术方案和视觉设计效果。用户体验设计模式为设计师如何解决某一特定情况下的具体问题提供了指南,因为从某种程度上讲,这一处理方式经实践多次证明是可行的。
在用户体验设计过程中采用交互设计模式的这一想法效仿的是计算机软件编程所使用的模式,其概念和理念都是由克里斯多佛·亚历山大(Christopher Alexander)提出的。亚历山大是一名建筑师,也是《模式语言》(A Pattern Language)一书的作者。他在书中描述了一种如何设计构建城市、建筑物以及其他人类空间的语言(一套设计的规则或模式)。该方法在不同范围和不同层次上都是可重现且有效的。
亚历山大说:“每个模式都描述了在我们生活的环境中多次出现的问题,然后描述了解决这个问题的方案要点,这样你就可以重复使用这些方案,而不需要做‘重新发明轮子’的工作了。”
除了开发这种可复用的基本模式语言外,他还非常注重建筑物在人性化方面的考虑。在2008年的一次访谈中,亚历山大表达了他自己的想法:“让[家]真正运作起来,这样人们才能体会到它的好处。”这一人性化的方法和对人(如用户)的关爱对软件开发人员和用户体验设计人员都很有启发。
采用模式语言来创建产品的理念在1987年被计算机软件行业所采用,这一年,沃德·康宁翰(Ward Cunningham)和肯特·贝克(Kent Beck)开始尝试用模式来编程。正如沃德所说,“他们正在寻找一种可以赢得用户的代码编写方式,这样,用户就能体会到计算机程序对他们的支持,而不是受计算机程序的审问和质询。”
最终,该方法成形了。1995年,由Erich Gamma、 Richard Helm、Ralph Johnson和John Vlissides撰写的《设计模式:可复用面向对象软件的基础》(由机械工业出版社出版)出版了。
1997年,詹尼佛·提德威(Jenifer Tidwell)出版了人机交互(HCI)方面的用户界面模式集,其初衷是:资深设计师的经验汇总有助于新手设计师的成长,并且可以为同行之间讨论问题提供一套通用的词汇。她曾专门提到,她想为界面设计师和HCI业内创建一套亚历山大那样的语言。随着其网站的不断发展,她的著作《设计界面》(Designing Interfaces)于2005年由O扲eilly出版。
有些同行在网上发表了其他模式集,包括交互设计领域模式的忠实拥护者马丁·凡·威力(Martijn van Welie)在内,他激发了我(Erin)的团队于2006年发布了我们雅虎内部的部分交互模式库。
2004年,我加入了雅虎,开始为日益壮大的用户体验设计团队构建模式库,并为雅虎面向全球众多网民的各地站点创建了一套通用的词汇。我们通过协作的方式来构建模式库,我们将最成功、研究最充分的设计方案作为每个模式的模型。公司内各个部门的设计师都会贡献模型,讨论并评论它们的优点,当技术和用户改变时为模式添加新信息,并在整个生命周期内不断地维护每个模式。2006年,在比尔·斯科特(Bill Scott)的带动下,我们公布了内部模式库的部分内容。
这一工作得到了交互设计和信息架构业界的极大肯定,并且启发了从业者自己的设计工作。2007年至2010年,克里斯蒂安开始了更深入地推广模式库,来消除设计、开发和开源领域之间的差距。从我们的第一版开始,已经加入了几种其他模式库,包括支持响应代码库的手机模式集(尤其是面向安卓),很多其他公司公布了自己的库(MailChimp、BBC、Intuit Small Business抯 Harmony生态系统、谷歌和其材料设计模式)来分享它们的知识、告知第三方开发者、启发设计界。
“有一套可复用的构建单元块来帮助设计师开发他们自己的网站和应用”,这一想法在交互设计界引起了轰动,因为网站界面和移动界面都变得越来越复杂。当网页都是以文字为主时,用户如何与网站交互没有太多的变数,用到的工具也非常有限。客户端应用非常复杂,很难完全复制到互联网上。即使完全复制到了互联网上,又能怎样呢?而现在,整个商业和行业都依赖易用的、基于Web的软件(软件即服务,SaaS)和移动应用程序来处理它们的业务。这时,对设计师和开发人员来说,比以往任何时候都更需要一套通用的语言。并且,随着社会化不断地渗透到交互体验的方方面面,确定什么是应该具备的,以及它们该如何和不能如何操作就显得非常重要。

相关文章
|
7天前
|
人工智能 自然语言处理 JavaScript
2026年Windows+Ollama本地部署OpenClaw保姆级教程:本地AI Agent+阿里云上快速搭建
2026年OpenClaw凭借本地部署、私有化运行的特性,成为打造个人智能体的核心工具,而Ollama作为轻量级本地大模型管理工具,能让OpenClaw摆脱对云端大模型的依赖,实现**本地推理、数据不泄露、全流程私有化**的智能体验。本文基于Windows 11系统,从硬件环境准备、Ollama安装与模型定制、OpenClaw部署配置、技能扩展到常见问题排查,打造保姆级本地部署教程,同时补充阿里云OpenClaw(Clawdbot)快速部署步骤,兼顾本地私有化需求与云端7×24小时运行需求,文中所有代码命令均可直接复制执行,确保零基础用户也能快速搭建属于自己的本地智能体。
8735 71
|
4天前
|
人工智能 安全 API
CoPaw:5分钟部署你的 AI助理
源自阿里巴巴开源生态的个人 AI 助理——CoPaw。作为阿里倾力打造的开源力作,CoPaw 完美打通钉钉、飞书、Discord 等多平台对话通道,支持定时任务自动化。内置 PDF/Office 深度处理、新闻摘要等强大技能,更开放自定义扩展接口。坚持数据全程私有化部署,绝不上传云端,让每一位用户都能在大厂技术加持下,拥有安全、专属的智能助手。
|
6天前
|
人工智能 自然语言处理 机器人
保姆级教程:Mac本地搭建OpenClaw及阿里云上1分钟部署OpenClaw+飞书集成实战指南
OpenClaw(曾用名Clawdbot、Moltbot)作为2026年最热门的开源个人AI助手平台,以“自然语言驱动自动化”为核心,支持对接飞书、Telegram等主流通讯工具,可替代人工完成文件操作、日历管理、邮件处理等重复性工作。其模块化架构适配多系统环境,既可以在Mac上本地化部署打造私人助手,也能通过阿里云实现7×24小时稳定运行,完美兼顾隐私性与便捷性。
4128 9
|
5天前
|
人工智能 安全 JavaScript
阿里云上+本地部署OpenClaw(小龙虾)新手攻略:解锁10大必备Skills,零基础也能玩转AI助手
2026年,开源AI代理工具OpenClaw(昵称“小龙虾”)凭借“能实际做事”的核心优势,在GitHub斩获25万+星标,成为现象级AI工具。它最强大的魅力在于可扩展的Skills(技能包)系统——通过ClawHub插件市场的数百个技能,能让AI助手从简单聊天升级为处理办公、学习、日常事务的全能帮手。
3870 8
|
8天前
|
人工智能 JSON JavaScript
手把手教你用 OpenClaw + 飞书,打造专属 AI 机器人
手把手教你用 OpenClaw(v2026.2.22-2)+ 飞书,10分钟零代码搭建专属AI机器人!内置飞书插件,无需额外安装;支持Claude等主流模型,命令行一键配置。告别复杂开发,像聊同事一样自然对话。
4541 13
手把手教你用 OpenClaw + 飞书,打造专属 AI 机器人
|
7天前
|
人工智能 监控 机器人
2026年零门槛部署 OpenClaw(Clawdbot)接入A股数据,实现24小时股票分析保姆级教程
在AI赋能金融分析的浪潮中,OpenClaw(原Clawdbot/Moltbot)凭借开源灵活的架构,成为个人投资者打造专属智能分析助手的首选。通过接入A股实时数据,它能实现24小时市场监控、涨跌预警、潜力股推荐等核心功能,彻底解放人工盯盘的繁琐。而阿里云的稳定部署环境,更让这套系统实现全天候不间断运行,成为真正的“金融AI助手”。 本文基于OpenClaw v2026.1.25稳定版与QVeris免费A股数据接口,详细拆解阿里云OpenClaw部署步骤、A股数据接入流程、高级分析功能配置及多平台联动技巧,所有代码命令均可直接复制复用,即使无技术基础也能在1小时内完成从部署到实战的全流程。
3275 11