對于未來似乎正在發生的事情，人工智能（AI）是一項無可替代的技術。當今的現代垂直行業非常依賴于更快、更準確、更實惠的在線業務模式。憑借其無限的潛力，設計人員和開發人員可以在Web開發中極大地利用AI應用來簡化其日常網站管理任務，并從目標用戶那里獲得更高的價值。AI應用程序和工具不僅使網站操作直觀明了，而且使在線體驗更加豐富和個性化。
For what the future seems to unfold, Artificial Intelligence (AI) is a technology without alternative. Today’s modern industry verticals are crucially reliant on faster, accurate and more affordable modes of online business. With its unlimited potential, designers and developers can immensely leverage AI applications in web development to streamline their daily website management tasks and achieve a higher response value from their target user. AI applications and tools not only make your website operations intuitively clear but turn its online experience more rich and personalized.
by Zark Steele-Eklund for Studio VOR
據相關專家稱，到2025年，人工智能將發展成為價值1186億美元的產業
by Taufik Wicaksono illustration project
從理論上講，人工智能可以使增強網站的交互體驗，增強其搜索能力，更好地管理和組織庫存，改善與訪問者的互動，提供個性化的用戶體驗以及通過數字營銷活動，準確地定位消費者。隨著越來越多的設計師和開發人員轉向基于AI的設計實踐，人工智能現已成為現代Web開發中不可或缺的一部分。
In theory, AI can empower you to enhance your website’s appearance, strengthen its search abilities, manage and organize your inventory better, improve interaction with visitors, provide personalized user experience, and accurately target consumers through your digital marketing campaigns. With a growing number of designers and developers shifting towards AI-based design practices, artificial intelligence has now become an indispensable part of modern web development.
人工設計智能（ADI）系統的興起
The Rise of Artificial Design Intelligence (ADI) Systems
人工設計智能（ADI）系統的不斷發展影響了當今網站設計方式的重大轉變。在傳統環境中，用戶界面設計過程通常不堪重負，因為需要大量的創造力才能保持其獨特性。它可能始于您和您的設計師團隊分享他們的想法，將其記在白板上，并探索幾種可能性和結果。在開始任何A / B測試之前，必須設置線框并將其轉換為HTML，以便可以開始開發過程。眾所周知，該過程需要大量的工作，而Bug是您無法避免的事情。
The growing field of artificial design intelligence (ADI) systems has influenced a major shift in the way websites are designed today. In a traditional environment, the user interface design process is often overwhelming since you require a great deal of creativity to keep it unique. It may begin with you and your team of designers sharing their ideas, jotting them down on a whiteboard, and exploring several possibilities and outcomes. Before any A/B testing can begin, the wireframe is set out and translated into HTML so the development process can begin. The process as we all know demands a sheer amount of effort and errors are just something you cannot avoid.
by Andy Selimov for Fireart Studio
隨著技術的飛躍發展，人工智能已迅速成為在線業務的主流，使設計人員可以將其應用程序組合到網站中并創造更好的功能和用戶體驗。智能網格是的AI和網頁設計手牽手在一起的最早的范例之一。它是在AI上運行的設計軟件，可幫助Web設計師和網站所有者根據其特定項目需求，業務活動或個人喜好獲取具有現代外觀的定制網站。從那時起，還有其他一些成功進入者將AI和Web設計提升到了一個全新的水平。諸如Adobe，Firedrop，Bookmark，Squarespace，Wix，Tailor Brands這樣的AI創新者是在在線環境設計中使用AI的領先科技公司。
by Zark Steele-Eklund for Studio VOR
AI現在可以將手寫用戶界面設計從簡單的圖片轉換為可自我維護的有效HTML標記代碼。在這里，AI可以例行控制Web設計的總體內容，從視覺元素和版式到動畫和其他圖形信息。
AI can now transform handwritten user interface design right from something as simple as a picture to a valid HTML markup code that maintains itself. Here, the AI can routinely control the overall content of your web design, from visual elements and typography to animations and other graphical information.
當特定類型的網站需要設計決策時，這特別有用。例如，如果您的電子商務網站收到過多的報價請求（RFQ），則可以基于AI與客戶之間的日常交互，使用AI對其進行優化。由于大多數網站所有者需要新的設計來補充其產品發布或即將運營的活動，因此在后臺運行的AI是一種完美的解決方案，可以保持更新并保持市場競爭力。AI通過收集有關網站分析，其用戶群，產品目錄和其他關鍵方面的信息來運轉。數據完成后，AI將根據您的最終指示（例如主題，內容和顏色首選項）為您的網站創建一個完全獨特的設計。
by Gytis Jonaitis for Flair Digital
This comes particularly useful when design decisions are required for specific types of websites. For example, if you have an e-commerce website that receives a plethora of Request for Quotes (RFQs), you can optimize it with AI-based on its everyday interactions with customers. Since most website owners require new designs to supplement their product launches or upcoming events, an AI working in the background works as a perfect solution to stay updated and remain competitive in the market. The AI operates by collecting information on the website analytics, its user base, product catalog, and other key aspects. Once the data is complete, the AI will take the final instructions from you such as theme, content, and color preferences to create an entirely unique design for your website.
根據最近的一項調查，有61％的業務專業人員聲稱機器學習和AI成為他們組織最重要的數據計劃，而且AI不僅是復制智能，其構建的重要組成部分是盡可能人性地執行功能。例如，由AI編程的自動駕駛汽車不僅要遵守交通規則，而且還要學會與其他駕駛員接觸時表現出人類智慧的跡象。類似地，與人類用戶交互的基于AI的聊天機器人不僅能夠產生答復，而且還以盡可能人為的方式答復它們，從而為每個查詢創建唯一的答復。
改善用戶體驗的AI
AI for Improving UX
人工智能現在控制著Web設計的幾個關鍵方面，并在UX中起著決定性作用。借助AI在Web設計方面的最新干預措施，設計師可以將其轉變為對客戶來說更有意義，更豐富的體驗。人工智能使設計師能夠創建更引人入勝，響應更快，最終更人性化的界面。
AI now commands several key aspects of web design and holds a deciding role in UX. With AI’s latest interventions in web design, designers are able to transform their online front into a more meaningful and rich experience for the customer. AI has enabled designers to create interfaces that are far more engaging, responsive, and ultimately more human. Among many of AI’s achievements we see today, its most evident role is in myriad AI tools.
by Brett Parker
人工智能有效地改變了現代網頁設計的面貌，并迅速建立了許多人機交互的標準。它最大的例子之一是聊天機器人的進入，現在幾乎所有網站或移動應用程序都在使用它。憑借先進的AI算法和復雜的機器學習程序，人工智能正在有效地彌合人類認知與機器自動化之間的鴻溝。
AI has effectively changed the face of modern web design and quickly established many standard parts of human-machine interaction. One of its biggest examples is the entry of chatbots that are now the fixture of almost every website or mobile application. With advanced AI algorithms and complex machine learning procedures, AI is effectively bridging the gap between human cognition and machine automation.
by Agnieszka for Tooploox
到2022年，基于AI人工智能的聊天機器人將幫助在線企業節省80億美元的商業成本。 這改變了傳統網頁設計的構成，并對用戶與網站的交互方式產生了巨大影響。而且，基于AI的應用程序重新定義了交流的含義，產生了類似于人的答案，從而取代了對預先編程的對話路徑的需求。當今的聊天機器人基于高級自然語言處理（NLP）系統，該系統能夠生成有意義的對話，從而在吸引人方面具有更好的效果。以下是一些有趣的統計數據，聊天機器人將如何領導未來的在線業務。
This has changed the fabric of traditional web design and rendered a powerful impact on the way users interact with websites. Moreover, AI-based applications have redefined what it means to communicate, producing human-like answers, replacing the need for pre-programmed conversational pathways. Today’s chatbots are based on advanced natural language processing (NLP) systems that able to generate meaningful conversations that have far better results in generating engagement. Here are some interesting statistics how chatbots will lead the online businesses in the future.
諸如Watson Assistant之類的高級AI聊天機器人可以了解企業的歷史記錄，并開發自己的知識庫。此外，它可以要求客戶提供更清晰的信息，要求客戶提供人工幫助，提供對話風格的建議以及獨立運行您的網站消息通道，移動應用程序和服務工具。
by Andrii Bezvershenko
· 受益于AI聊天機器人的頂級行業中，房地產記錄的使用率為28％，其次是旅行的16％和教育的14％
· 根據Gatner的報告，到2020年，將有85％的客戶互動將由AI聊天機器人處理
· 到2023年，通過聊天機器人將總共節省23億小時的業務和消費者
· 根據Global Market Insights的報告，到2024年，聊天機器人的整體市場規模將達到13億美元
增強UI的AI
AI for Enhancing UI
SOOGIF
同樣，用戶界面（UI）通過深度學習和自適應AI進行了優化，它們能夠完全自行決定設計。它通過培訓程序以了解設計原理并允許其觀察網站的現有頁面來工作。通過將這兩個過程結合起來，AI能夠模仿獨立的思想，并生成功能豐富且引人入勝的網頁設計，而這不包括人類的專業知識。Wix等Web開發平臺積極使用ADI來管理其UI的設計。
Similarly, User Interfaces (UIs) are optimized through deep learning and adaptive AI, that are capable of taking design decisions entirely on their own. It works by training the program to understand design principles, and allowing it to observe existing pages of your website. Combining the two processes, the AI is able to mimic independent thoughts and produce functional and attractive web designs exclusive of human expertise. Web development platforms such as Wix actively use ADI to manage the design of its UI.
Wix ADI算法的工作原理是從數十億種組合中進行選擇，以設計和構建完全為用戶專有的獨特設計界面。并且由于ADI已針對該平臺進行培訓，因此它會根據用戶需求，真實業務，客戶互動和個人喜好不斷學習和自定義網站。這使Wix能夠獲得有關其設計程序的預測報告，更快地實現價值，將成本降到最低，并實現更大的商人與客戶關系。LinkedIn還進行了廣泛的改進，以改善其網絡和導航功能，從而為用戶提供更好的瀏覽體驗。現在，它使用AI生成工作建議，連接建議以及如何優化配置文件。
Wix ADI algorithm works by selecting from billions of combinations to design and build a unique design interface, completely exclusive to the user. And since the ADI is trained for the platform, it keeps learning and customizing the site based on user needs, business activity, customer interactions, and personal preferences. This has allowed Wix to gain predictive reporting about its design program, get faster time to value, minimize costs, and achieve much greater merchant-customer relationship. LinkedIn also went through an extensive revamp to improve its networking and navigation features to provide users with a better browsing experience. It now uses AI to produce job recommendations, connection suggestions, and how profiles should be optimized.
AI推薦和優化工具有許多基于AI的產品推薦解決方案，它們使用社交證據來影響購買決策。這些工具會在客戶與網站互動后立即提供建議，并根據他們的搜索提供有價值的見解。 擴展程序和插件可以跟蹤客戶商店的歷史記錄，并根據相關搜索生成建議。領先的在線媒體服務提供商Netflix還使用AI通過根據用戶的喜好和類似概況的客戶所做的選擇顯示結果來管理其建議。Netflix的流媒體播放中有80％是AI建議的結果。
SOOGIF
Adobe等公司已經開始將AI納入其產品架構。Adobe在2016年推出了Sensei，這是一個基于AI的框架，旨在使用智能功能來提高平臺的設計能力，以幫助設計師更有效地完成任務。Sensei還使用機器學習來增強項目的整體設計和交付，從而顯著改善最終產品。通過使用AI和機器學習，Adobe Sensei可以幫助您發現設計中隱藏的機會，增強繁瑣的流程，并為每個用戶提供相關的體驗。
AI作為Web設計診斷工具
AI Recommendation and Optimization Tools
盡管通常部署AI來改善Web設計的功能和用戶體驗，但它也可以用作精密診斷工具。隨著現代網頁設計的新時代，快速變化的趨勢以及更嚴格的搜索引擎（例如Google）標準，您的網頁設計質量已成為最終決定數字成功的關鍵因素。但是，盡管您可以實現高質量的設計，但還必須確保通過定期運行測試來保持設計的維護性。但是，由于這些測試的不斷重復，導致對源代碼進行了修改，從而進一步增加了處理過程的負擔。這些測試不僅耗時，而且經常對您的網站性能造成重大損失。
by Alina Guzik
基于AI的分析工具可讓您評估設計的質量，實時觀察其性能，并獲得有關如何改進它們的真實見解。借助基于AI的診斷工具，您現在可以有效地消除對A / B測試的需求，并獲得更好的網站設計結果。由于設計軟件變得越來越復雜，最終產品通常會面臨很多挑戰。在這里，AI工具和應用程序可用于開發和測試不同類型的信息，驗證其真實性以及檢查其潛力范圍，而無需任何人工輸入。如果您對AI進行了正確的培訓，它可以消除診斷或編輯設計時原本必須涉及的大量程序。基于AI的測試器，例如Applitools可用于測試網站的可視代碼，跟蹤網頁行為并增強網頁的美觀性。
借助當前的統計數據和最新的技術突破，可以肯定AI在Web設計和開發中的重要作用。不斷增長的自動化需求，先進的計算資源以及越來越多的AI專業知識，使我們可以實現的AI數量呈指數級增長。盡管技術可能仍處于起步階段，但AI具有無窮的潛力來理解創意規則，并在眾多設計動態中獨立使用它們，將很快使傳統的Web設計方法黯然失色。將來，AI將可提供使用自適應智能來提供個性化用戶體驗的網站，而不是一種千篇一律的方法，保持持續關注。
