还剩19页未读,继续阅读
本资源只提供10页预览,全部文档请下载后查看!喜欢就下载吧,查找使用更方便
文本内容:
网上探究基本模块通过本课程,你将了解网站模块化设计的意义,掌握基本模块的分类和设计技巧,了解模块化设计的注意事项,并学习如何进行网站交互设计探究基本模块概述了解什么是基本模块及其在网页设计中的作用定义作用现实案例123基本模块是网站中常见的基本模块是网页中的基础可以在实际网站中找到很可重复使用的模块,比如部分,有助于提高网站的多基本模块的实际应用,搜索框,导航栏,播图和可用性,减少用户学习成比如淘宝、百度、京东等商品展示等本模块化设计的意义了解模块化设计方法的好处和原理可重复使用易于维护美观统一将网页拆分成不同的模块,使得每个模块都是独立的,易于管理通过统一设置某些参数,可以实模块间可以互相组合,提高开发和维护当局部需要修改时,可现不同模块之间的统一和协调性效率和灵活性以只修改该模块,不影响其他模块网站基本模块分类根据内容和功能将基本模块分类,以便于更好地进行设计内容类功能类新闻资讯、博客、图库等搜索框、导航栏、评论、注册登录等交互类其他类轮播图、商品展示、分页器等广告、二维码浏览、返回顶部等搜索框模块详解搜索框作为网站的主要功能之一,必须重视其设计位置重要功能明确布局合理搜索框应该放在突出位置或页搜索框应该明确搜索范围,搜可以采用旁边配合分类或标签面上方,方便用户使用搜索索按钮应显眼,而且搜索框应搜索的布局,提高用户的搜素框的大小应适中,能够容纳常该有联想功能或热门推荐功能准确性用搜索关键字考虑到移动端的使用,可以考虑使用上拉搜索框导航栏模块详解导航栏是用户进入网站的重要途径,必须当场着眼于其设计位置合理1导航栏应该放在网站的顶部,让用户一眼便找到,并且包含网站的主要信息分类清楚2将主要页面分类,易于用户查找功能完善3导航栏可以设置下拉菜单,包含更多的子页面,大大提高了用户的使用体验播图模块详解轮播图可以提高网站的美观程度和用户体验,但也容易误用图片合适数量适中交互友好123图片应该与页面相关,不轮播图的数量应该适中,轮播图应该支持手动切换要使用与网站无关的图片过多的轮播图会影响页面和停止播放等交互操作,为了提高页面速度,应该加载速度增强用户的主观能动性压缩图片大小新闻资讯模块详解新闻资讯模块应该好看易用,方便用户浏览相关内容分类鲜明标题吸睛新闻分类要清晰明了,便于用户查阅,可以支新闻标题应该简洁明了,吸引用户注意力可持通过分类或标签浏览以配合图片或摘要信息让用户更好地了解其内容排版有序便于分享新闻文字排版应该有序,排除干扰元素,有利新闻内容应该方便分享,可以有分享按钮或采于用户浏览用第三方分享插件商品展示模块详解商品展示模块是电商网站必备模块,应该好看易用,方便用户进行商品浏览和购买显示数量1商品展示推荐使用横向滚动或标签切换的方式,一次性不宜展示过多商品图片要清晰2商品展示图片应该大图清晰,展示商品特点可以设置小箭头,方便用户快速切换图片商品介绍不重要3尽管商品介绍很重要,但商品展示区不是最好的放置位置如果想让用户了解更多关于商品的信息可以设置详情页注册登录模块详解用户注册和登录是网站的必要部分,是用户与网站进行信息交流和互动的前提位置重要交互良好安全加固123注册登录模块应该放在页注册登录模块要友好易用,注册登录模块涉及到用户面顶部,方便用户查找,加入反馈和验证机制,避的账号密码等重要信息,可以设置快捷登录等便免用户误操作和重复支付应该使用加密传输保证用“”捷功能户信息的安全评论模块详解评论模块可以为网站提供反馈和互动,让用户参与网站建设功能完备审核机制安全重要评论模块应该支持显示评论数评论模块应该设置审核机制,为防止用户隐私泄露和攻击行和点赞数,可以设置回复功能,过多的垃圾评论会影响用户浏为,应该加强安全防范和用户方便用户互动览和评价网站权限控制分页模块详解分页模块是指网站数据量特别大的页面,需要分页查看的情况下使用,如商品列表、新闻列表、论坛等数量适中1一页显示的数量应该适中,以便于用户查看和一次性加载也可以提供自定义分页数量的功能下一页可见2分页模块应该设定下一页和上一页按钮,并提供相关分页信息交互效果3可以通过懒加载和加载更多的方式,提高用户的使用效率搜索结果页设计技巧搜索结果页是指用户完成搜索后,显示出具体结果详情的页面这种页面的设计至关重要高效精确搜索结果应该精确且高效,能够满足用户搜索的需求产生搜索结果的时间也应该尽量缩短结果排版搜索结果页面应该清晰有序,可以根据用户评分、浏览量等标准进行排版,优先展示相关度高数量大的页面数量控制搜索建议结果数量控制在条以内,避免用户目不暇接带来的失望30模块化设计的注意事项在进行网站设计时,模块化方法能够提高开发效率和网站维护的便利性,需要注意以下几点合理分类防止重复保持一致设计之前,先进行基本模块的在模块的设计中,避免重复包整个网站的模块设计应该保持分类和划分,这样在设计时才含某些相同的基本元素或内容,一致,使界面简洁、美观、易能更为有针对性要求模块的自我完备性于浏览模块化设计案例解析通过实际的模块化设计案例的分析,深入掌握模块化设计的方法和技巧电商网站管理仪表盘图库管理网站电商网站设计中,采用一个模块管理仪表盘的设计中,采用一些图库管理网站的设计中,采用一式的分类系统,能够让用户更方比较重要的模块,比如图表模块,些特定模块,如拖放上传、图片便查找商品及商品推荐数据总览模块等分类、搜索定位等模块网站可用性评估一个好看美观的网站不一定就是一个好用的网站,可用性评估可以帮助我们发现潜在的问题实地评估1在网站运作了一定时间后,可以寻找一些目标用户,根据一些情景,测试网站的可用性目标明确2可用性测试需要明确要测试的目标和标准,如用户对于操作的简单程度、流畅度、方便程度等反馈甄别3收集用户反馈,包括评论数量、在线问卷调查等方式,用心甄别和统计分析,寻找改进的重要作用用户需求分析用户需求分析是指对网站用户需要进行的全面梳理和分析,以期更好地满足用户需求确定目标用户需求调查数据分析分析目标用户信息,主要质量通过调查问卷、用户反馈、联通过各种工具通过对数据的分包括文化程度、性别、年龄、系沟通等方式来了解用户对于析,了解用户看重的网站信息、职业等方面掌握网站的需求哪些模块不被重视等网站设计流程简介网站设计流程是指对网站进行整体规划和设计的流程,包括需求调研、竞品分析、交互设计和视觉设计等环节需求调研1明确用户需求、网站目标和开发成本,需要深入沟通和大量分析竞品分析2了解竞品网站的设计特色、功能和使用体验,有利于我们引进先进元素、快速拓展市场用户验证3通过设计出最初版的界面,运用测试,让用户选用最适宜的界面方案A/B网站设计实践技巧UI网站设计是指将用户需求和版面布局融合到一起进行的设计,下面是一些常见的实践技巧UI网站风格颜色设计确定网站风格,是现代、文艺还是传统等等颜色搭配方案对于网站制作非常重要,可以借助一些配色网站进行优化有效的搭配通俗易懂手机版界面可以使用常用的图标、网站头部等等降低用户原有的网站界面难以适应手机移动端浏览,开使用门槛发移动版界面是一个具有必要性的事情UI如何进行网站交互设计网站界面设计是以用户需求为导向的设计,以下是一些常见的交互设计方法用户体验优先1交互设计是以用户需求为导向的设计,所有设计方法都是为了优化用户体验而服务明确诉求2对于每一款网站产品的交互设计都应该有明确的诉求,如分享信息、提交订单、查找商品等等反馈追踪3交互设计应该考虑用户反馈和操作情况,尽可能达到用户操作的正确性基本模块设计的未来趋势为因应激烈竞争的网站和用户需求的更新换代,基本模块的设计也需要不断尝试和变革轻量级设计1基本模块设计考虑非常多,会影响网站效率等问题,未来基础设计状将会更加轻量化移动设计2未来的网站基本模块设计将更好的配合移动端,给用户提供一个智能移动网页设计3AI在基本模块设计的时候引进一定的元素,会让网站的使用更加便捷,起到人机交互的AI效果。