需求说明书（ui设计）

《需求说明书（ui设计）》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、需求说明书（UI设计）1.概述汽车救援4Sapp是提供给汽车4S员工使用，在需要拖车时，能够快捷下单与拖车救援公司沟通，及时获取到此次拖车任务的相关信息。2.功能需求2.1功能模块划分1.登录界面2.首页3.下单4.救援历史列表5.救援详细状态6.救援车位置地图7.客户评论8.个人信息9.设置10.关于我们11.提示窗2.2功能模块需求2.2.1登录界面a)显示公司Logo及名字b)输入姓名和手机号码进行登录并可记录输入的登录信息2.2.2首页a)导航栏有左侧按钮并可以点击滑出侧滑窗b)显示app名字c)显示救援服务项目d)一键呼叫救援按

2、钮2.2.3下单a)显示当前救援服务项目b)发布和取消救援c)救援信息填写：1.订单类型：及时救援&预约救援2.预定时间：自动填写或者手动选择3.车主称呼：手动文本输入4.车主电话：手动文本输入5.委派人电话：手动文本输入6.故障车牌：选择和手动文本输入7.车辆类型：手动文本输入8.救援地点：手动文本输入9.目的地点：输入检索选择10.备注：手动文本输入2.2.4救援历史列表a)可单选或多选取消某条救援b)点击救援条目进入救援详情2.2.5救援详细状态a)显示救援司机信息：名字、车牌、手机号码。b)救援项目c)救援起点和终点d)救援整体进

3、度e)已完成的救援：可以通过救援的公里数计算支付的费用、评价本次救援f)未完成的救援：可以点击救援车位置进入下一级显示救援车位置、拨打救援车司机电话2.2.6救援车位置地图a)显示救援车位置2.2.7客户评论（此次救援完成后客户对此次救援进行评价）a)及时性，服务态度，安全操作进行选择（满意，一般，不满意）b)备注2.2.8个人资料a)用户名b)手机号码c)客户名称2.2.9设置a)App名字b)版本信息a)关于我们2.2.10关于我们a)救援公司的信息b)网梭的信息2.2.11提示窗a)颜色：如黑底等b)可以有一定的透明度c)不同交互提

4、供不同提示状态图片备注：1.原型图暂时提供fluidUIHTML：2.https://www.fluidui.com/editor/live/preview/p_g0EMMwASqWsep6STSLKwXzmyAA1BSUDa.1459306681442，原型图地址3.UI设计不做严格的设定，设计师可以与我们进行咨询自由发挥设计。4.需要提供PSD和标注图。5.请保证在预期时间完成。2016-03-31需求详明：一、需求简介1.一款已上线的汽车道路救援应用。产品包含iOS/Android两个版本。2.客户端下载地址：iOS版本appsto

5、re搜索吉诺道路救援4Sapp、安卓版本3.需为产品重新设计一套全新的UI。二、订单价款和支付流程1.确定风格，支付订单总额的40%；*服务商根据订单附件中提供的交互稿或者在线版本产品，完成并至少提交首页、下单页面、救援信息状态3个页面的效果图。2.全部效果图制作完毕，支付订单总额的20%；3.提交HTML5/CSS布局文件，及输出件，支付订单总额的30%；4.提交PSD源文件，支付订单总额的10%；三、工作量1.首次启动app的引导页2.启动页3.首页4.一键呼叫弹窗1.填写下单信息页面2.搜索地址列表页面3.首页侧边栏设置页面4.查看

6、救援状态列表页面5.救援详情页面6.救援车位置页面7.评价救援页面8.支付页面9.救援车位置页面10.个人资料页面11.设置页面12.关于我们页面（需要HTML）一、风格要求1.按扁平风格（纯扁平或扁平+微拟物）设计整套界面。2.要求界面大气、配色舒适。3.iOS、Android视觉风格、质感要求完全统一。4.但为遵循两个平台各自的规范，需在以下细节体现出差异。a)导航栏返回按钮：标题栏文字居中，左侧有返回按钮。b)下拉（模态）菜单：iOS下拉菜单遵循iOS系统风格，从画面底部呼出；安卓下拉菜单遵循安卓系统风格，自点击位置呼出；     

7、           二、细节要求三、禁忌颜色请遵循求援类app的设计颜色，避免使用一下两种颜色：a)橙色，象征活力和暴力的橙色不应成为主色调，作为元素色使用时，也应谨慎使用。b)紫色，易被一部分用户人群反感。四、接包方资质要求接包方需精通ios、Android相关的设计规范五、最终交付要求a)PSD格式源文件b)界面规范说明书(字体、字号、间距、颜色等的标注)c)JPG/PNG格式资源包d)HTML文件备注：服务商请仔细阅读交稿需求，未按我方要求交稿，恕不接待，谢谢。