网站设计之清规戒律

微信小程序消息推送实战:从模板消息到订阅消息的进阶指南 本文详细解析了微信小程序消息推送的核心机制,重点对比了模板消息与订阅消息的差异与应用场景。模板消息适用于支付成功等强即时性业务回执,而订阅消息则需用户授权,更适合物流提醒等可预期通知。文章提供了从授权、配置到发送的完整实战指南,并分享了常见的避坑技巧与性能优化建议,帮助开发者构建高效、合规的用户触达体系。 阅读详情

Andrew Chak

你应该:

  • 优化搜索
  • 使用一些具「引发性」的词句连结(例如,使用「抵押借款」这类的字眼而不要将「贷款」 隐藏在主页上的某个项目底下)
  • 具有可预测性
  • 提供适当的详细信息
  • 让每个页面都能达到该有的实质作用
  • 使用易于理解的惯例(例如,超级链接用蓝色底线强调,普通文本则不用强调)
  • 允许使用者通过多种媒体进行交易(包括在线与实体的交易方式:在线,电话和商店)
  • 把提供信息的要求变得合情合理
  • 提供使用者一个起始点
  • 与电子邮件做结合(如果交易完成,发送一个电子收据并表示感谢的信函,同时确定订购的物品已经送出)

你不应该:

  • 使用过于可爱、俏丽的标签
  • 一开始就提供过多的选择
  • 为了美观而缩短标签


Alan Cooper

  • 一个尺寸不能适合所有的人,一个网页即使作为一个入门网站也不见得适合所有的造访者。
  • 不要对您的造访者要求承诺或其它任何东西。
  • 以多元化的形式提供大量详细、有用的信息。
  • 不要让使用者通过一个复杂的、多层的网站导航而最后发现他们仍需要通过电话才能得到答案。
  • 除了在不得已的情况下,尽量不要使用动画(电影除外)
  • 不要只为了吸引广大的目光而设计。使用者是公民,不是消费者。
  • 不要提前发货。不要经常发货。不要拿使用者作实验。
  • 您的搜寻机制太差的话,修理一下。
  • David Siegel (Creating Killer Web Sites 的作者)在首页内容方面的观点完全错误。
  • 就像一场恶梦,浏览器对因特网的支配最终会消失。
  • 没有所谓入门网站这么一说。


Robert Davis 和 Paul Laroche

你应该:

  • 以简单为原则
  • 维持一致性
  • 要有关连
  • 有用的 --设计网站的出发点是为了支持有效地完成真正的使用者任务
  • 清楚 --使导航明显化和简单化,使标签足够完整、可信
  • 残酷点 --确保导航、设计和内容都适合使用者的需要,如果不合适就去掉它们。

你不应该:

  • 让使用者等待 --缓慢的页面加载,太多的附加程序下载,这样使用者自然会跟你说"掰掰"啰!
  • 期待使用者会坐下来慢慢去了解您的网站
  • 失焦 --不要尝试炫耀您的每一个想法
  • 单枪作战 --一个好的设计可是个团队共同努力的结果
  • 期待使用者为您改变
  • 为您不了解的人设计 --通过直接接触使用者以确定网站需要哪些组件
  • 盲目设计 --不要在未经过对目标使用者反复测试和对竞争者做出竞争分析前进行设计
  • 认为您始终非得开辟自己的道路 --惯例的存在总是有其道理的
  • 使用装腔作势的比喻
  • 让使用者耐着性子看完您自觉很得意的 Flash 简介


Jakob Nielsen

你应该:

  • 在为网站写程序时遵循 Web 的标准(从 W3C 标准开始,然后使用其它已经可接受的标准,例如 JavaScript 等)
  • 遵循规范 -- 80% 到 90%的使用者都在做的就是规范
  • 强调快速的响应时间(网页负荷和服务器容量两方面)
  • 简明、客观、易于浏览
  • 协助使用者决定去留:区分产品列表
  • 支持搜寻的功能,但是别做的太繁复(以 Google 为标准)
  • 在进行任何设计之前先做好任务分析(task analysis)
  • 在设计时强调任务支持(例如,比较购物)
  • 在设计过程中进行多次使用者测试
  • 让残障人士也可访问网站

你不应该:

  • 妨碍使用者:别用过度喧哗夺目的页面,别使用 Flash 做简介,不用具有推销性及不合适的图片来破坏内容(例如,笑脸照片)
  • 包含未经请求的弹跳式窗口(在线求助除外)
  • 去掉「上一页」(Back)按钮(打开一个新的浏览器窗口是一个常见的错误)
  • 把功能设计元素做得看起来像广告(他们将会被忽略)
  • 使用动态式的文字(moving text)
  • 允许连结错误发生
  • 隐藏送货成本或其它「陷阱」-这些会引起放弃购物
  • 使用焦点团体或调查来指导交互式设计
  • 不断重复设计- 在推出网站前深思熟虑,然后就保持同样的设计风格一年左右。


Jared Spool

由于 Spool 从未遇到过一个有效的网站,他既没有一个有待修复的问题列表,也没有列出构成一个有效网站的关键因素,「我是一个历史学家,尽力断定网站是否工作,而不是网站是否能工作。」然而,我们还是让他打破了沉默,从他口中得到了以下的片言只字:

  • 了解网站的目的。
  • 了解使用者的目的。
  • 确保所刊登的内容能够达到您的目的(包括图形、广告等等)。
  • 确保开发者了解网站如何赚钱。

 

Windows 11最新WDK安装避坑指南:从Visual Studio配置到KMDF驱动开发 本文提供了在Windows 11系统上进行KMDF驱动开发的完整环境搭建与实战指南。针对最新WDK与Visual Studio的配置变化,详细解析了从独立安装WDK/SDK、创建首个KMDF驱动项目,到编译排错、部署调试的全流程,帮助开发者高效避坑,顺利开启Windows内核开发。 阅读详情

相关推荐

M系列芯片MacBook上UTM虚拟机部署达梦DM8的避坑指南

本文详细介绍了在M系列芯片MacBook上使用UTM虚拟机部署达梦数据库DM8的完整流程与避坑指南。针对ARM架构环境,重点解决了虚拟机选择、麒麟系统安装、系统调优及DM8命令行安装中的常见问题,为开发者提供了稳定可靠的国产数据库本地测试方案。

weixin_28455801的博客 452

中国传统文化网页设计优快云_中国传统文化——茶文化

斟岁月的茶中国是茶的故乡,中国人饮茶,据说始于神农时代,少说也有4700多年了。直到现在,中国各族同胞还有民以茶代礼的风俗。1茶文化中国茶文化是中国制茶、饮茶的文化。作为开门七件事(柴米油盐酱醋茶)之一,饮茶在古代中国是非常普遍的。中国的茶文化与欧美或日本的茶文化的分别很大。中华茶文化源远流长,博大精深,不但包含物质文化层面,还包含深厚的精神文明层次。唐代茶圣陆羽的茶经在历史上吹响了中华...

weixin_39795268的博客 2361

别再乱按F8了!Win10系统修复的正确姿势:用管理员CMD运行sfc /scannow

本文详细介绍了Windows 10系统修复的正确方法,重点推荐使用管理员CMD运行`sfc /scannow`命令。相比传统的F8键和重装系统,这一方法更高效且安全,能解决大多数系统文件损坏问题。文章还提供了管理员CMD的启动方式、sfc命令的完整参数解析以及实战故障排除流程图,帮助用户快速恢复系统健康。

weixin_29218963的博客 459

专栏:网络游戏与中国特色

前阵子在某QQ群里听到一个有趣的消息,国内一家因为研发了一款新类型的网络游戏在市场上颇受好评的公司,其产品研发部门的游戏策划正四处征求文笔不错的朋友帮忙写一下该公司即将推出的新游戏的背景故事。这件事情本身并没有什么特别,甚至可以说司空见惯。月亮觉得悲哀的是,为什么我们的国产网络游戏,即使能走出国门、走向世界,却始终还停留在游戏完成后再设计背景故事的初级阶段?浏览官方网站找资料的时候,相信很多玩家和

暗金色月亮的赫拉迪克宝盒 2187

计算机组成原理汉字编码与校验设计实验报告(汉字国标码转区位码实验、汉字机内码获取实验、海明编码电路设计与海明解码)

这次实验利用logisim进行设计,进行了以下这四个实验,其中分为汉字国标码转区位码实验、汉字机内码获取实验、海明编码电路设计与海明解码,实验报告分为四个部分,在这四个部分中依次对四个实验的方案设计,设计思路进行了介绍

zhang2gongzi的博客 6万+

极化码理论及算法研究6-SCL、CA-SCL及matlab仿真

极化码译码算法5——SCL/CA-SCL译码算法系列目录1、引言2、串行抵消列表(SCL)译码算法2.1、路径度量PM 系列目录 (如要找其他内容,欢迎访问我的主页寻找) #前言 #极化码概述 #极化码定义 #极化码编码 #极化码译码 #5G标准中极化码的编译码概述 #5G标准中极化码的编码 #5G标准中极化码的译码 #总结 1、引言 在上一节中,介绍了经典的SC译码算法的理论原理以及其matlab仿真代码,SC译码算法具有较低的译码复杂度,但是由于每个译码的比特信息都依赖于前面所有的比特信息的译码结果,得

1万+

世界上最好博客的47个博客技巧

eg Hourihan (www.megnut.com)·频繁的更新,好的作品,以及个性 - 这些因素的配合是非常关键的的.如果你不能定期的更新(不一定是每天,但要有一固定的计划),博客就难于建立影响和访问量.·人们如果发现了作品的价值,他们会原谅你的拼写错误. 但如果你不能保持作品的水平,访问量就会下降. ·不用为谁在阅读而担心, 只写你所感兴趣的题材. 不要去取悦他人, 把精力集中在你认为有意

BOLOY的专栏 5898

将MathType、zotero嵌入Word、WPS

最近也是慢慢学起了写文稿之类的内容,在写论文的时候,肯定会遇到一些数学公式的插入,如果使用wps、word等自带的插入公式,一般不符合投稿期刊的格式要求,而且不方便、不美观,故开始研究MathType 这款插入公式的工具。

2401_83617940的博客 2276

来自于世界上最好博客的47个博客技巧 中文版(转载)

来自于世界上最好博客的47个博客技巧 中文版           频繁的更新,好的作品,以及个性 - 这些因素的配合是非常关键的的。如果你不能定期的更新(不一定是每天,但要有一固定的计划),博客就难于建立影响和访问量   人们如果发现了作品的价值,他们会原谅你的拼写错误. 但如果你不能保持作品的水平,访问量就会下降.   不用为谁在阅读而担心, 只写你所感兴趣的题材. 不要去取悦他人, 把精力集中

walaqi的专栏 1493

G120变频器抱闸逻辑在提升机上应用

一、前言: 对于提升机、起重机、堆垛机、升降机等提升机构,负载为位能性负载,在设备启动和停止阶段,由于重物作用,可能会出现“溜车”现象、控制变频器与电机抱闸时许可以解决此问题 使用具有矢量控制功能的变频器 二、参数设置 抱闸控制时序: 启动: 1、变频器接收到启动命令时-----输出电流对电机进行励磁,经过P346电机励磁时间(==丹佛斯 设置启动电流延时0.5S)------达到一定的转矩 2、变频器输出开抱闸命令,经过P1216延时打开抱闸时间(==PLC延时控制打开抱闸) 注意:抱闸

fenglingxicao的博客 1万+

GJB 5000B二级-II实施基础

本文主要描述GJB 5000B二级II实施基础与GJB 5000A的变化情况,以及过程域各条款的实施要点

Abel的博客 2581

来自于世界上最好博客的47个博客技巧 中文版

本译文用创作共用协议发布http://creativecommons.org/licenses/by/2.0/可以转载保留出处 BCBlog http://blog.bcchinese.net/bcblog Meg Hourihan (www.megnut.com)频繁的更新,好的作品,以及个性 - 这些因素的配合是非常关键的的。如果你不能定期的

♨Joe的专栏 947

CKA-CN考试之路----2

部分知道就可以了,考试不用输入,后面不再复述.这里我们需要将两端内容凭借成1个yaml。执行题目中给的的命令进行测试。

Q先生 242

世界上最好博客的博客技巧

Meg Hourihan (www.megnut.com)·频繁的更新,好的作品,以及个性 - 这些因素的配合是非常关键的的.如果你不能定期的更新(不一定是每天,但要有一固定的计划),博客就难于建立影响和访问量.·人们如果发现了作品的价值,他们会原谅你的拼写错误. 但如果你不能保持作品的水平,访问量就会下降. ·不用为谁在阅读而担心, 只写你所感兴趣的题材. 不要去取悦他人, 把精力集中在你认为有

西部世纪帮助客户建立电子商城 430

最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版

Part-E1-SDIO-Specification-Ver4.00-Final-120220.pdf:最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版,包括SDIO 接口的外设,SDIO 接口官方协议等。

Probability and Statistics - 4th edition

Probability and Statistics - 4th edition

Django与协同过滤美食推荐平台:从零到答辩完整指南

推荐系统作为机器学习的核心应用之一,通过分析用户历史行为实现个性化信息过滤,其中协同过滤算法凭借其简洁高效的原理,成为构建推荐引擎的经典选择。该算法基于用户或物品的相似性进行预测,在电商、内容分发等领域广泛应用。结合Django这一成熟Web框架,开发者能够快速搭建功能完整的服务平台,并借助ECharts等可视化工具直观呈现数据价值。在美食推荐场景中,协同过滤可精准挖掘口味偏好,解决信息过载问题,提升用户体验。本文以美食推荐平台为载体,系统讲解从数据建模、相似度计算、算法实现到Django工程集成、缓存优化

weixin_34186128的博客 395

IDEA的使用指南

IDEA基于java的使用手册,可以最快速的上手,在使用中不断的丰富自己的使用技巧.

来自世界上最好的47条博客技巧

* 频繁的更新,好的作品,以及个性 —— 这些因素的配合是非常关键的。如果你不能定期的更新(不一定是每天,但要有一固定的计划),博客就难于建立影响和访问量。 * 人们如果发现了作品的价值, 他们会原谅你的拼写错误,但如果你不能保持作品的水平, 访问量就会下降。 * 不用为谁在阅读而担心, 只写你所感兴趣的题材;不要去取悦他人, 把精力集中在你认为有意思的...

weixin_33898876的博客 92

老版QQ原生表情gif动态

这是老版的QQ表情,不过全是动态的的,Windows照片查看器是不会动的,可以右击用浏览器打开查看,再说一遍是老版的,只是分享给宁愿用老版也要动态的人。

把你的博客办的更好的45个技巧

1频繁的更新,好的作品,以及个性 - 这些因素的配合是非常关键的的。如果你不能定期的更新(不一定是每天,但要有一固定的计划),博客就难于建立影响和访问量 2人们如果发现了作品的价值,他们会原谅你的拼写错误. 但如果你不能保持作品的水平,访问量就会下降 3不用为谁在阅读而担心, 只写你所感兴趣的题材. 不要去取悦他人, 把精力集中在你认为有意思的东西上 4设定范围. 考...

weixin_33737774的博客 78

戒定慧:给程序员的注意力管理与认知升级指南

在信息过载与任务频繁切换的数字化时代,注意力已成为最稀缺的认知资源。大脑并不擅长真正的多任务并行,每一次上下文切换都会产生认知代价,导致深度工作能力下降。源于佛学的“戒定慧”框架,本质上是一套贴合现代认知科学的注意力管理系统:戒是管理输入源,降低干扰;定是训练注意力的稳定与回收能力;慧则是提升对自身思维模式的元认知观察。结合神经科学中注意力网络、默认模式网络与神经可塑性研究,这套古老智慧被证明能有效改善专注力、降低认知负荷,并帮助开发者在写代码、调试疑难bug与长期学习中保持稳定执行状态。本文提供可落地的四

weixin_34034670的博客 475

通向web标准之路

作者:阿捷 2004-6-25 10:09:27译者:阿捷 原文:A Roadmap to Standards 作者前言今天下午,我的一个朋友问我:对于一个想了解web标准的老网页设计师有什么建议。我想将我的email回复贴在这里让更多人看见将是一个很好的范例。我的回复是:这有一个全面的,非正式的,有些罗嗦的指南,送给所有听说过web标准,希望使用web标准却又不知道从哪里开始设计师。

3677

理解表现和结构相分离

作者:阿捷 2004-6-25 10:13:01#bgone{border: 1px dotted #666;PADDING:30px;BACKGROUND: url(images/bg_border.jpg) #FFF repeat left top; }#bgtwo{border:0;PADDING:20px;BACKGROUND: url(images/bg_poem.jpg)

2453

CSS 缩写技巧

Web网站可用性的关键指标是速度,更确切地说,是页面能以多快的速度出现在访问者的浏览器窗口里。影响速度的因素有很多种,包括Web服务器的速度、访问者的Internet连接情况,以及浏览器必须下载的文件大小。尽管你无法控制服务器和连接的速度,但是你可以控制构成网站Web页面的文件大小。 为了让网站能够更快,Web的建设者都会按常规地压缩和优化网站上的每一个图像文件,这常常使得为了将文件的大小减少

1077
上一篇: CSS2盒模型的3D示意图
下一篇: CSS 缩写技巧
webdream2000
博客等级 码龄23年 8粉丝 15原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值