整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

JS|带有控制按钮的简单幻灯展示

JS|带有控制按钮的简单幻灯展示

码:

<html>

<head>

<title>slide show</title>

<script type="text/javascript">

var i=0;

var timeout;

function preLoadImages(){

if(document.images){

planet=new Array();

planet[0]=new Image();

planet[0]="太阳.jpg";

planet[1]=new Image();

planet[1]="水星.jpg";

planet[2]=new Image();

planet[2]="金星.jpg";

planet[3]=new Image();

planet[3]="地球.jpg";

planet[4]=new Image();

planet[4]="火星.jpg";

}

else{

alert("There are no images to preload");

}

}

function startSlideShow(){

if(i<planet.length){

document.images["planet_pic"].src=planet[i];

i++;

}

else{

i=0;

document.images["planet_pic"].src=planet[i];

}

timeout=setTimeout('startSlideShow()', 1500);

}

function stopSlideShow(){

clearTimeout(timeout);

}

</script>

</head>

<body bgcolor="black" onload="preLoadImages(), startSlideShow()">

<img name="planet_pic" src="太阳.jpg" height="85%" />

<form>

<br />

<input type="button" value="Start show" onClick="return startSlideShow();" />

<input type="button" value="Stop show" onClick="return stopSlideShow();" />

</form>

</body>

</html>

代码说明:

setTimeout(someFunction,1500),可以在设定的时间间隔(1500毫秒)反复执行一段代码someFunction。setInterval()类似。

setTimeout('startSlideShow()', 1500),定时器设置为每隔1.5秒显示一幅新图片。

-End-

规模的可用性研究揭示了今天最常见和最具破坏性的网页设计错误,它们并不令人惊讶或新奇,而是持续不断的损害网站的可用性。

自1996年以来,我们一直在总结网页设计十大问题的列表。今年,我们完成了一个大规模的可用性研究,在美国和英国有215名参与者,看看今天的网页设计错误是什么。

在分析从小型本地企业到娱乐场所,非营利组织到全球组织的43个站点的结果后,我们确定了10个最常见和最具破坏性的网页设计错误,这些错误对用户造成了伤害。(通过伤害他们的用户,这些设计缺陷绝对也会损害网站的商业指标)

这已经不是大新闻了,今天最重要的问题都不是新的或令人惊讶的。网页设计已经走了很长的一段路,但是这些一贯的问题依然存现代设计模式和美学改变,潜在的用户需求保持不变。用户仍然需要查找信息,能够阅读信息,并知道要点击的内容以及它所在的位置。

1. 想不到内容的位置

人们使用它们找不到信息,许多网站提供的类别名称不完整,没有充分或准确地描述其中的内容,其他的安排是基于公司而不是用户对内容的想法。当网站结构不符合用户的信息组织方式的心理模型(mental models)时,人们无法找到他们需要的东西。

让用户参与创建你的网站结构,一些可用性工作(如卡片分类,决策树或可用性测试)可以在创建一个对用户有意义的网站结构方面发挥很大的作用。

ATT.com:有关旧手机交易的信息是在现有客户下,但用户在智能手机下查找。

2. 相互矛盾的连接和导航分类

当用户不能清楚区分相似的导航类别或链接时,他们很难找到恰当的内容路径。类别和链接名称本身需要有自己的涵义,同时也应该与站点上的其他选项结合。如果多个部分或页面可以满足特定的信息需求,用户必须探索每一个路径或努力做出最好的猜测。或者,他们可能会转向搜索甚至离开网站。

BAM建筑网站上的用户希望了解建设项目的细节,但不确定这些信息是否属于关于我们,公司业务,或者公司技术,大部分是从我们的产品开始,但该部分包含了组织为客户提供的工作类型的概述,而不是项目细节,项目信息和案例研究是我们的技术特色。

卡片分类和可用性测试有助于避免重叠类别名称,链接太相似的问题通常源于糟糕的内容策略。

造成这些问题的两个可能原因是:

  • 标签相似:链接导致内容不同,但由于某种原因,它们有相似的标签。如果是这样的话,试着重命名你的链接来区分它们。
  • 内容区分性差:如果高度信息相关的链接指向不同页面,解决方案可能不是重命名链接,而是重新组织和合并内容。

3. 信息孤岛

有些站点上的信息比较碎片化,分散在站点上,它们之间几乎没有连接。

当用户发现一个没有相关信息的信息孤岛时,他们没有理由认为网站的另一个区域提供了补充材料。如果用户需要更多的信息,他们会到竞争对手的网站或搜索谷歌。

试图重新访问信息的用户可能最终会选择在站点的另一个完全不同的领域,对内容的看法不同于第一次体验。那些找出不连贯信息的信息,拼凑起来。无论哪种方式,他们都对网站留下了负面的印象。

从组织的角度来看,这不仅是用户体验的失败,更是内容管理的噩梦:站点的某个区域的信息可能重复、不同或甚至与其他地方的信息相矛盾。

解决方案之一是在提供相关信息的页面之间添加相关链接,一个更好的解决方案是考虑为什么信息分散在整个网站,挑选适当的时候,并选择最佳位置。站点的其他区域可以引用关于该主题内容的位置,而不是复制信息。

4. 重复链接

即使用户已经知道他们所需要信息在网站中的位置,但他们依然可能会遭受意外或者漫长工作流的阻碍。

Web团队经常会问,要获取内容需要多少点击。没有确切的数字(no magic number), 点击质量的重要性要远远大于其数量。当用户在点击页面时应该更接近信息目标,用户在选择他们想到东西时需要重复的点击,这会一次又一次的激怒客户,并让他们进行了不必要的努力。

团队构建页面有时候会闭门造车,从而没有考虑到创建内容的流程。创建新页面时,要考虑用户如何到达那里并思考是否还有更直接的路径。

纽约市政府综合网站:让用户感到沮丧的是当点击寻找消防站(Find a Firehouse)链接时,只能在下一个页面中再点击一次拼写都不一样的链接。

这种偏见也恰好说明了人们为什么忠诚于特定的产品、服务、网站或其他工具。我们会冒险使用其他可能更好用的方法,也可能会继续使用已经尝试过并且靠得住的工具。

5. 隐藏费用和价格

人们想要了解价格、订购费用、服务费用以及流程开始之前或之后的额外费用,在一些网站中用户进行复杂的操作只为了寻找基本的信息,例如:他们不得不尝试在AARP网站上购买会员 ,这样才能查明会员费用,用户应该要在进行复杂操作之前就能找到到这些信息。

6. 在小型网站中搁浅用户

为部分或者特殊内容单独创建的网页、次级页面需要谨慎的处理这些网站上的用户。在我们的许多研究中,当参与者没有主动的跳转到了一个新的站点或者子站点,然后努力的想要回到父站点,但是该站点并没有提供返回选项。

有些人能够通过多次使用浏览器的“后退”按钮或重新输入网站的网址来导航到父站点,但是许多人甚至没有注意到他们已经切换了站点(因为父站点和子站点的外观和感觉相似) 并且很疑惑为什么他们以前使用的导航消失了。

在创建一个单独的子网站之前需要再三考虑,确保用户可以根据需要轻松导航回到父站点。

英国红十字会主站(www.redcross.org.uk – 上图)及其培训网站(英国(www.redcrossfirstaidtraining.co.uk -下图))看起来非常相似,使用相同的LOGO链接到每个网站各自的主页 ,以及相同的第一个导航类别(我们做什么(What We Do))。寻找急救课程的用户被引导到了培训网站,并在试图返回主站点时迷失方向。

7. 糟糕的搜索结果

当用户确切地知道他们在寻找什么的时候,用户会选择搜索作为最后的手段。在任何情况下,站点都需要通过提供强大的搜索结果来支持用户。

不幸的是,网站搜索功能仍然是许多网站的主要弱点,有些站点的搜索结果与用户的查询不匹配。此外,有些搜索结果展现的只是网站的一部分内容而已,不会清楚的向用户展示所有的搜索内容。

搜索结果名称不全或者附有无用的摘要,会让用户不由的猜测链接背后的内容。散布在网站搜索结果中的广告也会让用户感到讶异,这些广告会让他们头也不回的离开网站。

定期查看搜索日志,了解更多有关用户的搜索行为和搜索引擎成功与失败的信息。使用网站内容标签和网站搜索工具的功能,如“最佳匹配”,会搜索出针对特定查询的最适合的结果。

8. 不完美的过滤器和功能模块

功能模块和过滤器通常能提高用户体验,利用它们,用户可以将搜索范围缩小到所需的资源、产品或内容。然而,简单地添加功能模块和过滤器并不能保证得到更好的可用性,这些工具需要支持真正的用户和真正的用户需求。

功能模块和过滤器定义了用户的搜索范围,不同的筛选条件在不同地方也能给用户提供不同的帮助。

假如:专门关注上星期二 ”关于可持续性” PPT演示文稿的员工,可以用文档类型和日期来缩小搜索范围,也可以通过搜索主题来找到内容。一个电子商务网站可能希望买鞋子的客户通过鞋跟高度来缩小购买范围,而购买外套的客户则希望通过衣服特定的保暖等级,来缩小自己的搜索范围。

当网站尝试采用几乎一刀切的方法时,网站所使用的“分面导航”(facets)和过滤器就会存在缺陷。相同的标准和特性可能不适合所有的内容类型,要谨慎地将用户的选择限制为二选一或者接近二选一。

购买家具的人可能在找蓝色的椅子,或者他们在找蓝色以外任何颜色的椅子(个人理解:前者是目标明确,我就要蓝色的椅子;后者是我想要椅子,但是没想好颜色,同时我不喜欢蓝色),这两个需求都应该得到支持。

给内容打的标签必须正确且可靠,这样用户搜索时才能得到相关的结果。例如:在美国退休人员协会网上,用户在搜索鸡肉食谱时会感到很困惑,10个搜索结果的前6个没一个食谱里有用到鸡肉。

Maplin.com:用户无法轻易的找到价格低于50£的蓝牙音箱,用户没有办法通过网站的过滤器来搜寻符合他们价格要求的商品。相反,他们不得不通过几个价格区间的选项进行查找。用户必须一次只选择一个价格区间(例如40£-50£和30£-40£),然后记住每个区间里他们想要的商品。

9. 压到用户的大量信息

眉目不清的信息会让用户难以找到他们需要的信息,密集的“文字墙”让发现感兴趣的信息变得困难,信息量过载的页面充满了争夺用户注意力的内容。

请记住:用户习惯扫视网页,而不是阅读网页,你可以通过编排网页内容,让用户能轻松的获取他们感兴趣的的信息——使用简短的句子和段落、项目列表、标题和加粗的关键字。

一个狭窄的区域分了好几个长段落,让用户很难看到重点,无法区分耳机的特点。

10. 隐藏链接

多年来,我们的可用性研究表明,用户往往会忽略或无视长得像广告或者被放置在通常是放置广告的页面位置的内容。这个问题依然存在,当内容与实际广告一起列出时,情况就更糟了。

网站的设计师有时会认为,将更多的设计元素,如:边框、背景色或图形添加到链接上能让链接脱颖而出,但结果通常是相反的:在链接周围的设计越是奇特,用户越是会误认为它是一个广告。

Pitfield London在网页右边的菜单信息里放有营业时间和链接,在下面放了一张咖啡杯的动态图和一些前往其他网站的广告图。由于这些广告的位置和显示的样式,导致用户很难在这个页面上找到咖啡菜单。这个网站还用了相似的设计画了张banner,用来引导用户前往Pitfield London。

已经取得进展:有待进一步发展

我们可以放心地假设,没有人会着手创建一个设计糟糕的网站。如果这些问题多年以来都是众所周知的,那么它们为什么会持续存在呢?这个问题的潜在答案很多,可能会填满一本书。其中的一些错误可能反映了一个更深层次的、具体到组织的UX战略失败。

例如:

  • 网站信息层次结构的问题可以与组织结构或公司的内部政治联系起来。
  • 不同的部门在不了解对方的情况下创建内容,也没有遵循总体的内容策略,这时就会产生问题。
  • 较差的搜索结果可能是因为内容管理系统较差,内容标记有缺陷或缺失,或者搜索工具不佳。

这些问题背后的原因并不比解决这些问题重要,通过在网站开发过程中的用户研究和可用性测试,并关注研究结果,可以很容易地识别上面列出的许多错误(如果不是全部的话)。

网站永远不会是完美的,没有网站是完美的。总有一个表格字段需要修改,还有一个内容需要编辑,还有一个导航类别需要确定,但是知道需要解决的问题对于朝着正确的方向前进是至关重要的。

在进行用户研究时,要坚持以前的发现。当设计偏好在5年后改变时,那些旧的发现可能会使你避免在第二个、第三次或第四次中犯同样的错误。

名词解释:

分面导航(facets/faceted navigation):也称多维度导航,是分析一系列的内容然后根据条件把不相关的内容排除掉,留下我们想要的内容。

(译者注:a.具体想了解的话可以点击这里;b.文章里用的是facets,但作者提供的链接里用的是faceted navigation,所以两者应该是指同一个东西)。

译文作者: 兔子翻译组

本文由 @ 兔子翻译组 翻译发布于人人都是产品经理。未经许可,禁止转载

题图作者提供

PPT技能可以说是职场必备技能,不论是向客户介绍产品,还是向主管汇报工作进度,都需要用到PPT的方式来呈现.

做PPT不是一件容易的事情,需要有清晰的逻辑,还有清楚的内容重点,还有丰富的视觉设计感受.

需要查询资料,然后浓缩成PPT内容,然后为了要让观看的人觉得好看,还要设计图片素材、制作报表资料,做一堆曲线图、圆饼图、长条图来呈现资料分析...来吸引人观看.

让对象能够整个人沉静在你的PPT里面,像是在看电影一样,离不开眼睛~

今天不管你是学生、上班族,还是公司,PPT技能可以说是人人标配的基本技能,今天就算不用于职场,用于个人的规划,一个好的PPT架构可以帮助你组织你的思路,让你更明确你的目标。

之前介绍了另外两种通过AI生成PPT的方式,解锁新技能:GPT教你如何5分钟内打造出专业级精美PPT!今天我们再介绍另一种更简单更好用的方式。

Gamma AI是一款智能PPT制作工具


它可以根据你的对话内容自动调整PPT的结构和内容,也就是说,你可以通过文字叫 Gamma AI帮你改PPT,天啊! 简直不要太方便,让你更快速完成PPT内容。 「那可以邀请其他人一起编辑PPT吗?」 答案是,可以的。 你可以通过电子邮件邀请其他人加入项目工作。


你也可以自己收集好资料,然后将你的资料汇整直接丢给 Gamma AI 直接一键生成PPT或是PPT网页,然后PPT可以通过网址直接打开,还有自带重点亮灯功能,让观看对象清楚知道你在讲哪里,让你的演示更加高效和专业。

Gamma.AI 是一个专业的人工智能平台,他可以根据你给的标题,自动生成高质量的文本内容,能快速帮助企业和组织提升他们的业务效率和客户满意度,像是编辑文章、写报告、摘要解说、广告营销内容... 等,还可以通过 Gamma.AI 帮助用户改写、优化或检查他们的文本内容,制作好的内容可以直接用于PPT、网页、或是邮件、社交网站.. 等等平台上推广内容。

Gamma.AI 适合哪些人?


Gamma.AI 适合任何需要创建书写内容的用户,无论是个人还是企业。

可以帮助我们节省更多时间成本,提高工作效率和质量。

Gamma.AI 可以利用各种类型的文本内容,例如:

网站内容:例如首页、关于我们、服务介绍等

社交媒体内容:例如贴文、评论、回复等

电子邮件内容:例如新闻通讯、促销活动、客服回复等

报告内容:例如市场分析、业绩报告、项目进展等

文章内容:例如博客文章、新闻文章、专业文章等

摘要内容:例如书籍摘要、影片摘要、演讲摘要等

广告内容:例如产品介绍、促销口号、广告文案等


Gamma 帮你写PPT内容



以前做PPT需要花上数小时到数天的时间,先得准备文字、找寻合适的模版,并且收集整理图片,还得费尽心思进行排版设计。 而如果想要把PPT制作成一个网站,更需要有技术人员的支持。 但是,如果使用Gamma,这一切将变得超级简单轻松。

1、打开网址:Gamma.app,然后使用Google登入

选择你的使用需求,是为了工作?为了学校?为了个人使用?选择Get started

2.点选Create new AI

使用AI创作,点选Create new AI,然后选择 Generate 生成,通过输入一个想要制作的PPT主题,生成PPT。

3.选择 Gamma PPT、文件、还是网页三种成果

然后AI Guided他会问你,你是要做PPT、文件、还是网页三种成果。

然后系统会默认给你很多生成的模板,你也可以输入你想要制作的主题,在这里,如果你跟我一样英文看不太懂,可以按鼠标右键,选择翻译成简体中文~

4.跟 Gamma 对话生成内容

然后我想请他帮我生成有关于“互联网的商业模式的PPT”

Gamma AI小帮手就会帮你想好PPT的大纲,你可以参考他写大纲自己稍微做修改


5.选择生成语言

在对话框,你也可选择想要生成的语言,目前高达20多种语言可以选择包含中文、英文、日语、韩语、德语等。如果你觉得没问题,就点击继续,生成PPT需要花费40点数。

6.选择 Gamma 设计样式

下一步选择主题设计,这里等等都还可以自行做调整,选择自己看得顺眼的就可以了

7.一键完成PPT制作

点击生成按钮,并且在几秒钟内获得你想要的文本内容。

如果不满意生成的内容,还可以叫 Gamma AI小帮手帮你修改

8.点选「展示」功能

展示功能。 有点像是PPT点选PPT播放的功能。
可以有PPT套用聚光灯的效果,让观众更清楚你说到哪里。

你也可以直接按键盘的快捷键『S』键,加上《方向键》




GammaAI 文本转换PPT



接下来是文本转换PPT一键生成PPT、网页图文内容

如果你跟我一样是ChatGPT重度用户,可以通过GPT来帮助你完成PPT或是内容创作
「GammaAI可以提供文字让他帮我生成PPT吗?」 想用自己的内容生成PPT,Gamma也是可以的。

我就请ChatGPT帮我设计标题以及文章的段落

将数据汇整成记事本,注意字数不要超过5000个字。

首先,我们这是选择

1.Text transform文本转换

然后我们先将自己的内容贴上去,我这里贴上ChatGPT 生成给我的内容。
记得要选简体中文。

然后上面的窗口Provide instructions,是在说:如果缺少信息,可让AI自行帮你填写信息,而且使用简洁说服的词语,如果你不想要AI加油添醋修改你的内容的话,记得要在这里修改内容。

目前一次生成最多只能5000的字。

然后依样选一个,设计样本

然后等待她阅读一下你的数据。

2.右边工具字段可以调整排版设定

可以根据你的需要和喜好,对生成的文本内容进行修改、优化
或者使用 Gamma.AI 的其他功能,例如改写、优化或检查你自己的文本内容。

左边可以移动,PPT的排序,右边可以修改排版

像是改标题H1、H2、H3、H4。项目清单。

设计的样式,让PPT更好看

帮PPT加入注解、或是引用文

可以添加演示浏览栏数、单元格. . 等等

PPT内容如果有项目时间表,也可以用树状图来呈现。 更清楚明了

还可以直接插入视频链接.. 等等

也可以插入google云端硬盘的共享连接的资料、或是google地图

如果不想要自己改,也可以召唤AIGuided小帮手,用对话的方式请她帮你改

完成PPT后,只需要复制该网址,就能传送给其他观众观看。
对于时常需要到不同地点的演讲者,真的很方便,只要有网络,打开网址就能演讲。

你也可以邀请其他人协助制作,

跟观众演讲的时候,还可以打开这个功能《聚光灯》功能,让观众知道你讲到哪里。

像是这样,可以按快捷键《S》或是《方向键》切换对话框

制作好的PPT还可以直接下载为PPT文件、或是PDF文件。
也会帮你保存到后台中。随时可以修改档案信息

所以说,今天不管你是学生、上班族,还是公司,PPT技能可以说是人人标配的基本技能,今天就算不用于职场,用于个人的规划,一个好的PPT架构可以帮助你组织你的思路,让你更明确你的目标。

「Gamma」 AI 可自动化完成演示,帮助我们更快速地完成工作。

你一定要来试看看人工智能PPT「Gamma」,它可以根据你的对话内容自动调整PPT的结构和内容,让你更快速完成PPT内容。你还可以通过电子邮件邀请其他人加入项目工作。

「AI 不会取代工作本身,而是会使用 AI 的人取代不会使用 AI 的人。」
如果有机器可以做的工作,那就让机器去做吧!我们人类只需要专注在人类可以做的事情就好。

#ppt#