男装推荐分享.网站设计研究

1.课题简介在时尚类购物推荐方面，男性用户往往是受到歧视的。拿当下非常火爆的美丽说和蘑菇街来说，男性一直是被排斥在外的，并且美丽说至今仍不允许男性用户注册。对于本来就不太懂得穿衣打扮的男性来说，其实他们更需要关怀!其实，男人也有买衣服的需求，也想了解些男装穿着搭配的常识，提高下自己的审美品味。据相关数据统计，57%的男人还没有找到属于自己风格的服饰；83%的时间浪费在选不适合自己的衣服上；62%的男人因为工作繁忙从没有认真打理过自己；全国至少1亿男人的衬衫尺码错误；10个男人中有3个习惯白色袜子配黑色皮鞋……男人帮就是为此而创立的男士时尚购物分享网站，我们只专注于男性市场，为18-35岁为主的男性用户提供服饰搭配和时尚潮流的购物分享及推荐，解决男人场合着装、服饰搭配、时尚潮流、商务礼仪等方面的购物和交流需求。3.1用户研究网上二手资料展示：用户persona模型嘉宾：C君和D君档案：23岁左右；理发师；爱好：上网、音乐、旅游。喜欢时尚，淘宝达人，愿意分享自己喜欢的衣服和鞋子……访谈场景及录音用户persona模型总结C、D君的需求：希望更多的人能跟他一样穿着，同时自己也可以从中获得成就感，最好自己也可以有很多粉丝。当然也希望可以从其他人那里学到东西，让自己保持时尚。网站的功能需求：可以建立个人的达人秀，上传自己喜欢的衣服搭配，最好可以链接到购买的地址。分析需求：用户persona模型找的资料展示：加关注，可以有很多粉丝可以上传，分享用户persona模型嘉宾：D君档案：23岁；学生；爱好：看书、健身、上网、打电游。作为一名学生，闲暇之余，除了健身之外，他通常喜欢打打电脑游戏或者上网看看新闻、数码、汽车。注：与他交流过，但是无访谈场景拍照及录音用户persona模型分析需求：总结刘祥的需求：希望可以找到符合学生身份也显得很时尚的衣服，价格方面最好可以便宜点。而且应该可以很快找到自己想要的东西，网站易用好用。网站的功能需求：要价格便宜些，可以有一些团购，对网站界面，布局和导航应该清晰有条理，人机交互设计必须合理。用户persona模型找的资料展示：可以推荐一些团购发送优惠券导航清晰，易于使用用户persona模型嘉宾：B君档案：37岁左右；商店老板；爱好：与人沟通、音乐、上网。B君也喜欢上网淘宝，但是由于体型偏胖，要想找到称心如意的衣服非常困难……访谈场景及录音用户persona模型分析需求：总结B君的需求：希望可以找到跟他体型差不多的人，推荐一些衣服给他，同时最好相互之间可以像朋友一样交谈。网站的功能需求：需要建立社区分享自己喜欢的衣服，如型男社区（身材比较正常的男士居多），特殊体型男社区（偏瘦或偏胖的男士居多），还需要建立讨论组，在这里网友们可以自由讨论。用户persona模型找的资料展示：可以加入和创建一些小组，一起讨论用户persona模型嘉宾：F姐档案：23岁；学生；爱好：看书、音乐、旅游。和所有的女人一样，她的衣橱整洁而又秩序，里面有各种各样的衣服，她知道在不同的场合穿什么样的衣服。唯一让她头疼的是她的男朋友，每次要出门的时候，总觉得少了点什么……访谈场景及录音用户persona模型分析需求：总结韩娜的需求：因为男朋友工作很忙，没有时间逛街买衣服，所以她只能在网上帮男朋友买，尺寸方面难免不好掌握，希望能够看到大家对衣服的尺寸的评论，上身效果如何……网站的功能需求：大家分享后可以跟很多评论，也可以上传自己穿上以后的效果图。用户persona模型找的资料展示：可以上传自己的上身效果图可以发表评论3.2网站解构美丽说男品街男品街解构解构思维导图男品街解构3.2.1视觉-界面的解构首页男品街解构3.2.1视觉-界面的解构潮流街男品街解构3.2.1视觉-界面的解构搭配街拍男品街解构3.2.1视觉-界面的解构潮专题男品街解构3.2.1视觉-界面的解构男人帮男品街解构根据我对男品街网站的解构，该网站的界面设计主要有一下特点：1.整体布局简约，体现了一种男士精致的生活，囊括了潮男、型男、品质男的时尚选择，拒绝平庸。2.从色彩看，主基调为蓝色，蓝色非常纯净，通常让人联想到海洋、天空、水、宇宙。纯净的蓝色表现出一种美丽、冷静、理智、安详与广阔。蓝色具有沉稳的特性，具有理智和准确的意象，强调科技和效率。3.从人体工程学角度看，有颜色、图像等媒体的界面增加了视觉上的感染力，减少疲劳感；图形更具有直观、形象、信息量大的优点，使用户的操作及其观感更直接、可见和逼真，增强软件系统的可理解性和易学易用性。还有一些反馈信息和容错手段。界面设计的解构的总结：男品街解构根据我对男品街网站的解构，该网站的界面设计主要有一下不足：1.整体布局非常简约，显得不够丰富，而且极大部分是静态的，缺少一些灵动。2.从导航和状态栏看，只有大的标题，如果想要进入大标题下的小标题，必须先打开大标题的页面才能跳转。3.从人体工程学角度看，主页显示的内容过多，需要下拉才能继续浏览界面设计的解构的总结：男品街解构1.整体布局也需要保持简约，主基调也采用蓝色，尽量图文并茂，多添加一些动态的东西。2.设置导航条时，鼠标移入显示子标题。3.尽量把内容显示在一页内，更新速度快一些。我的网站的规划：男品街解构3.2.2操作方式的解构导航条：主要是鼠标点击操作通过点击，可以进入首页、潮流街、搭配街拍、专题、男人帮、达人秀，还有进入上衣、裤子等分类。还有个搜索框可以快速搜索。状态栏：主要是鼠标点击操作通过点击，可以进入网站主要页面、团队介绍、帮助、网站的工具和通过其他网站关注它。男品街解构3.2.2操作方式的解构1.广告切换，进入对应的链接2.分享和邀请朋友们来玩男品街3.大家分享动态4.服装分类展示包含的主要操作1234男品街解构3.2.2操作方式的解构1.按服装分类，进入对应的链接2.展示分享的宝贝：1）大图展示宝贝2）标记喜欢3）查看分享者4）显示评论包含的主要操作121)3)2)4)男品街解构3.2.2操作方式的解构1.按不同风格搭配分类，进入对应的链接2.进入我要秀，上传自己的专辑3.展示其他的搭配达人，可以加关注包含的主要操作123男品街解构3.2.2操作方式的解构点击下拉男品街解构3.2.2操作方式的解构1231.按不同风格展示一些小组2.我的小组和发现小组3.搜索小组和创建小组包含的主要操作男品街解构3.2.2操作方式的解构秀出一些搭配达人、分享达人、专辑达人和优秀组长,以便其他人关注他们。包含的主要操作男品街解构3.2.2操作方式的解构(Visio图)男品街解构首页操作流程：男品街解构潮流街操作流程：男品街解构搭配街拍操作流程：男品街解构潮专题操作流程：男品街解构男人帮操作流程：男品街解构达人秀操作流程：男品街解构根据我对男品街网站的解构，该网站的操作方式主要有一下特点：1.操作方式主要是鼠标移入、移出、点击、滚动，还有键盘输入，都是一些常用的操作，操作简单方便。2.操作起来条理清晰，能够引导用户做出正确操作，同时具有一定的容错能力。操作方式的解构的总结：男品街解构根据我对男品街网站的解构，该网站的操作方式主要有一下不足：1.男品街是一个倡导买家分享推荐的社区，但是总是有大量的广告性分享。2.男品街定位是推荐男士精品，分享贵于精而不在于多，总是有些比较杂乱的商品分享。操作方式的解构的总结：男品街解构1.操作方式主要是鼠标移入、移出、点击、滚动，还有键盘输入，因为都是一些常用的操作，操作简单方便。2.操作起来条理也应该清晰，能够引导用户做出正确操作，同时具有一定的容错能力。3.我们会对用户分享的商品进行人工筛选，优秀的分享会推荐在潮流街的相关商品类目中。我的网站的规划：3.3技术背景AxureRP允许程序设计者为程序或者网站制作动态的线框图、流程图、以及其他所需的图表。规范的图标文档让您在交流、记录，设计上更容易被接受，使用AxureRP建立更简单、更专业的数据表、图。BalsamiqMockups是一款进行网页原型设计的工具，内置很多常用的网页元素，可以让用户很方便地设计页面结构、注释交互关系。与其他原型设计工具不同的是，Balsamiq能够嵌入到Confluence、JIRA或XWiki，方便共享与协同工作。互联网随着网络速度与品质的提升，越来越多的网站开始使用Flash来表达网站的内容，以Flash强大的动画与向量画效果来弥补一般动画与HTML指令的不足。紧接着宽频网络网络即将进入我们的生活，相信Flash将会变得更普及。3.4设计任务总表用户需求网站功能希望更多的人能跟他一样穿着，同时自己也可以从中获得成就感可以建立个人的达人秀，上传自己喜欢的衣服搭配希望可以从其他人那里学到东西，让自己保持时尚可以很快找到自己想要的东西布局和导航应该清晰有条理，人机交互设计必须合理希望可以找到跟他体型差不多的人，推荐一些衣服给他，同时最好相互之间可以像朋友一样交谈需要建立社区分享自己喜欢的衣服讨论组，在这里网友们可以自由讨论。希望能够看到大家对衣服的尺寸的评论，上身效果如何……大家分享后可以跟很多评论，也可以上传自己穿上以后的效果图