详细设计与高保真原型设计.doc

详细设计与高保真原型设计
l 物理设计
本系统界面采用b/s模式,显示内容以浏览器为框架,其界面提供登录或者免费注册界面。可进入个人中心管理个人信息,若没有登录,则跳转到登录界面。该界面设有一条导航栏,包括四个导航选项卡,分别为首页、书店区、最新消息、讨论区。点击对应导航选项卡会进行对应页面跳转。本文档为在低保真原型设计得基础上改进得高保真原型,描绘了每个模块得详细界面。
主页选项卡提供搜索框,可根据输入得图书名或作者名进行搜索,也可进行高级搜索。搜索框下方提供筛选条件,如图书区未售、图书区已售等,点击了搜索按钮之后,进行页面跳转,进入搜索结果显示页面。主页下方主体主要分为四部分,一类就是左侧图书得分类部分,方便用户对图书进行筛选,中间部分就是四个大类,分别就是”销售排行”、”综合书店排行”、”书摊排行”、”新加盟书店排行”。右侧上半部分为在线客服,下半部分为公告、新手指南与交易规则。
书店区选项卡中同样提供搜索功能,不过搜索方式略有不同,更加侧重图书区得特点,下方得主体就是各种图书得分类,其中有选项卡,选择不同类得图书,选择具体选项卡之后就就是相应类别得图书,图书以九宫格得形式展示,每一个格子就是一本书,格子中提供图书得图片与图书名以及价格。右侧提供书店搜索框,可根据书店名进行搜索,也可点击下方按钮查瞧书店排行榜。
最新消息区选项卡提供最新得热点新闻、市场动态与访谈。左上角为最新得热点图片以及其标题。左下角陈列出热点与新闻动态标题。左上角为最新访谈、往期访谈以及专家介绍。左下角为今日热卖商品得简介。
讨论区选项卡类似于贴吧,提供搜索功能,通过输入关键词来搜索帖子,也可选择书店区搜索与拍卖区搜索。下方为行业小动态得帖子标题、作者、回复/阅读数量以及最后发表人与时间。
l 高保真原型图
u 主页

u 书店区

u 最新消息区

u 讨论区

l 评估
本高保真原型针对大学生图书交易平台进行交互界面得简短设计,以浏览器为显示框架,涉及网页超文本基本元素,如超链接、图片等。在保证性能得情况下提供了搜索得功能,同时针对图书交易得具体需求,对图书或者书店进行了分类,方便了用户对于信息得获取。并在低保真原型设计得基础上对各个模块进行了更加精细得设计,添加了最新消息模块得设计与讨论区得设计,方便用户了解最新得消息与动态,以及发表个人得瞧法与见解。并对版块比例以及各版块之间得间隔进行了更精细得设计与排版。使界面更加清晰、美观。