整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          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#


          主站蜘蛛池模板: 无码人妻一区二区三区兔费| 男人的天堂亚洲一区二区三区| 国产精品视频一区二区猎奇| 日本一区二区在线免费观看| 午夜性色一区二区三区免费不卡视频| 亚洲国产一区明星换脸| 亚洲欧洲无码一区二区三区| 人妻少妇精品视频一区二区三区| 成人日韩熟女高清视频一区| 亚洲欧洲一区二区三区| 国产av一区二区精品久久凹凸 | 一区二区三区久久精品| 国产福利无码一区在线| 亚洲日韩一区精品射精| 日本一道高清一区二区三区| AV鲁丝一区鲁丝二区鲁丝三区| 亚洲午夜一区二区电影院| 在线视频一区二区三区| 国产成人精品日本亚洲专一区| 奇米精品视频一区二区三区| 99精品国产高清一区二区| 蜜桃无码AV一区二区| 中文字幕av人妻少妇一区二区| 亚洲一区二区三区在线观看蜜桃| 麻豆文化传媒精品一区二区| 亚洲一区二区三区不卡在线播放| 亚洲一区电影在线观看| 欧美日韩一区二区成人午夜电影| 精品国产高清自在线一区二区三区 | 人妻视频一区二区三区免费| 成人国产精品一区二区网站公司| 国产成人综合一区精品| 成人区人妻精品一区二区不卡| 国产一区二区三区不卡在线观看| 国产SUV精品一区二区88L| 国产一区二区三区免费观在线| 国产成人精品无码一区二区三区| 久久免费区一区二区三波多野| 亚洲日本va午夜中文字幕一区| 51视频国产精品一区二区| 国产精品成人免费一区二区|