Microsoft Cognitive Services Website Design

In recent years,driven by the rapid development of the AI industry,the major technology companies have launched a cloud-based AI open platform,through opening the AI API,turning the AI technology into reachable platform services.Developers,who do not need to be an AI technician,can quickly develop their own cross-platform AI applications with the help of these open platforms.Each developer can use AI to innovate,which provides a steady stream of innovation and development for the industry.Microsoft Cognitive Services shows the research results of Microsoft in the field of AI over the years.At present,the 24 intelligent API,opening through the cognitive services platform,mainly covers five main application scenarios:visual,language,speech,search,knowledge.The goal of designing this cognitive services website is to present the content of cognitive service reasonably and effectively,which contains intelligent API introduction,subscription process,charging mode,application case,development document and so on.The website is design to help users to understand the API content quickly and accurately in the process of visiting the site,to obtain more effective information in less operation to reduce the users' cognitive load in the process of access,and ensure that the user has a good UE.In this paper,the design idea and working flow of Microsoft Cognitive Services Website are described in detail,and focus on two parts:the design process of visual design and the development and practice of visual style guide.The workflow of Cognitive services project involves four stages:background research,pre-analysis,specific design,usability testing and feedback.In the first stage,the main study mainly focused on Microsoft cognitive services background,AI open platform background and AI platform website,which can enhance the understanding of the project.In pre?analysis stage,this paper had a detailed analysis of the target users,user behavior data and user goals,and focused on the competitive analysis of AI platform.The specific design includes pre-research and design process.In pre-research part,analyzed in detail of the Project Oxford website(the previous version of cognitive services website),product target analysis and framework prototype.In design process part,includes the information architecture design,wireframe design,visual design,visual style guide,the development of front-end and response design of mobile.In test and feedback stage,test the cognitive services site by designated personnel,and feedback,and then optimize the program design based on feedback.