《社交网站界面设计(原书第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)和移动应用程序来处理它们的业务。这时,对设计师和开发人员来说,比以往任何时候都更需要一套通用的语言。并且,随着社会化不断地渗透到交互体验的方方面面,确定什么是应该具备的,以及它们该如何和不能如何操作就显得非常重要。

相关文章
|
10天前
|
人工智能 自然语言处理 Shell
🦞 如何在 OpenClaw (Clawdbot/Moltbot) 配置阿里云百炼 API
本教程指导用户在开源AI助手Clawdbot中集成阿里云百炼API,涵盖安装Clawdbot、获取百炼API Key、配置环境变量与模型参数、验证调用等完整流程,支持Qwen3-max thinking (Qwen3-Max-2026-01-23)/Qwen - Plus等主流模型,助力本地化智能自动化。
🦞 如何在 OpenClaw (Clawdbot/Moltbot) 配置阿里云百炼 API
|
6天前
|
人工智能 安全 机器人
OpenClaw(原 Clawdbot)钉钉对接保姆级教程 手把手教你打造自己的 AI 助手
OpenClaw(原Clawdbot)是一款开源本地AI助手,支持钉钉、飞书等多平台接入。本教程手把手指导Linux下部署与钉钉机器人对接,涵盖环境配置、模型选择(如Qwen)、权限设置及调试,助你快速打造私有、安全、高权限的专属AI助理。(239字)
3923 11
OpenClaw(原 Clawdbot)钉钉对接保姆级教程 手把手教你打造自己的 AI 助手
|
7天前
|
人工智能 机器人 Linux
保姆级 OpenClaw (原 Clawdbot)飞书对接教程 手把手教你搭建 AI 助手
OpenClaw(原Clawdbot)是一款开源本地AI智能体,支持飞书等多平台对接。本教程手把手教你Linux下部署,实现数据私有、系统控制、网页浏览与代码编写,全程保姆级操作,240字内搞定专属AI助手搭建!
4532 14
保姆级 OpenClaw (原 Clawdbot)飞书对接教程 手把手教你搭建 AI 助手
|
9天前
|
人工智能 JavaScript 应用服务中间件
零门槛部署本地AI助手:Windows系统Moltbot(Clawdbot)保姆级教程
Moltbot(原Clawdbot)是一款功能全面的智能体AI助手,不仅能通过聊天互动响应需求,还具备“动手”和“跑腿”能力——“手”可读写本地文件、执行代码、操控命令行,“脚”能联网搜索、访问网页并分析内容,“大脑”则可接入Qwen、OpenAI等云端API,或利用本地GPU运行模型。本教程专为Windows系统用户打造,从环境搭建到问题排查,详细拆解全流程,即使无技术基础也能顺利部署本地AI助理。
7074 15
|
5天前
|
人工智能 机器人 Linux
OpenClaw(Clawdbot、Moltbot)汉化版部署教程指南(零门槛)
OpenClaw作为2026年GitHub上增长最快的开源项目之一,一周内Stars从7800飙升至12万+,其核心优势在于打破传统聊天机器人的局限,能真正执行读写文件、运行脚本、浏览器自动化等实操任务。但原版全英文界面对中文用户存在上手门槛,汉化版通过覆盖命令行(CLI)与网页控制台(Dashboard)核心模块,解决了语言障碍,同时保持与官方版本的实时同步,确保新功能最快1小时内可用。本文将详细拆解汉化版OpenClaw的搭建流程,涵盖本地安装、Docker部署、服务器远程访问等场景,同时提供环境适配、问题排查与国内应用集成方案,助力中文用户高效搭建专属AI助手。
2714 6
|
7天前
|
存储 人工智能 机器人
OpenClaw是什么?阿里云OpenClaw(原Clawdbot/Moltbot)一键部署官方教程参考
OpenClaw是什么?OpenClaw(原Clawdbot/Moltbot)是一款实用的个人AI助理,能够24小时响应指令并执行任务,如处理文件、查询信息、自动化协同等。阿里云推出的OpenClaw一键部署方案,简化了复杂配置流程,用户无需专业技术储备,即可快速在轻量应用服务器上启用该服务,打造专属AI助理。本文将详细拆解部署全流程、进阶功能配置及常见问题解决方案,确保不改变原意且无营销表述。
4694 4
|
9天前
|
人工智能 JavaScript API
零门槛部署本地 AI 助手:Clawdbot/Meltbot 部署深度保姆级教程
Clawdbot(Moltbot)是一款智能体AI助手,具备“手”(读写文件、执行代码)、“脚”(联网搜索、分析网页)和“脑”(接入Qwen/OpenAI等API或本地GPU模型)。本指南详解Windows下从Node.js环境搭建、一键安装到Token配置的全流程,助你快速部署本地AI助理。(239字)
4694 23
|
15天前
|
人工智能 API 开发者
Claude Code 国内保姆级使用指南:实测 GLM-4.7 与 Claude Opus 4.5 全方案解
Claude Code是Anthropic推出的编程AI代理工具。2026年国内开发者可通过配置`ANTHROPIC_BASE_URL`实现本地化接入:①极速平替——用Qwen Code v0.5.0或GLM-4.7,毫秒响应,适合日常编码;②满血原版——经灵芽API中转调用Claude Opus 4.5,胜任复杂架构与深度推理。
8692 13