详细设计与高保真原型设计教学内容
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
详细设计与高保真原型设计
物理设计
本系统界面采用b/s模式,显示内容以浏览器为框架,其界面提供登录或者免费注册界面。可进入个人中心管理个人信息,若没有登录,则跳转到登录界面。该界面设有一条导航栏,包括四个导航选项卡,分别为首页、书店区、最新消息、讨论区。点击对应导航选项卡会进行对应页面跳转。本文档为在低保真原型设计的基础上改进的高保真原型,描绘了每个模块的详细界面。
主页选项卡提供搜索框,可根据输入的图书名或作者名进行搜索,也可进行高级搜索。搜索框下方提供筛选条件,如图书区未售、图书区已售等,点击了搜索按钮之后,进行页面跳转,进入搜索结果显示页面。主页下方主体主要分为四部分,一类是左侧图书的分类部分,方便用户对图书进行筛选,中间部分是四个大类,分别是”销售排行”、”综合书店排行”、”书摊排行”、”新加盟书店排行”。右侧上半部分为在线客服,下半部分为公告、新手指南和交易规则。
书店区选项卡中同样提供搜索功能,不过搜索方式略有不同,更加侧重图书区的特点,下方的主体是各种图书的分类,其中有选项卡,选择不同类的图书,选择具体选项卡之后就是相应类别的图书,图书以九宫格的形式展示,每一个格子是一本书,格子中提供图书的图片和图书名以及价格。右侧提供书店搜索框,可根据书店名进行搜索,也可点击下方按钮查看书店排行榜。
最新消息区选项卡提供最新的热点新闻、市场动态和访谈。左上角为最新的热点图片以及其标题。左下角陈列出热点与新闻动态标题。左上角为最新访谈、往期访谈以及专家介绍。左下角为今日热卖商品的简介。
讨论区选项卡类似于贴吧,提供搜索功能,通过输入关键词来搜索帖子,也可选择书店区搜索和拍卖区搜索。下方为行业小动态的帖子标题、作者、回复/阅读数量以及最后发表人和时间。
●高保真原型图
◆主页
◆书店区
◆最新消息区
◆讨论区
●评估
本高保真原型针对大学生图书交易平台进行交互界面的简短设计,以浏览器
为显示框架,涉及网页超文本基本元素,如超链接、图片等。在保证性能的情况下提供了搜索的功能,同时针对图书交易的具体需求,对图书或者书店进行了分类,方便了用户对于信息的获取。并在低保真原型设计的基础上对各个模块进行了更加精细的设计,添加了最新消息模块的设计和讨论区的设计,方便用户了解最新的消息和动态,以及发表个人的看法和见解。并对版块比例以及各版块之间的间隔进行了更精细的设计和排版。使界面更加清晰、美观。