豆瓣网界面技术方案设计

豆瓣网界面技术方案设计豆瓣网界面设计方案，需要进行以下的分析和总结。1、 明确建立网站的目标和用户需求；2、确定总体设计方案主题；3、功能、框架确定及可用性分析（需要与前台及后台人员共同探讨）4、原型设计，即初步板式确定及色彩使用分析；5、界面设计，即在相关软件上实现界面；6、 修改并交予重构。一、产品定位与市场分析阶段1、目的：了解网站针对的市场、客户群体、运行方式、盈利方式等。2、产品定位：豆瓣表面上看去是一个评论（书评、影评、乐评）网站，但实际上它却提供了书目推荐和以共同兴趣交友等多种服务功能，它更像一个集 BLOG、交友、小组、收藏于一体的新型社区网络。3、市场分析：豆瓣网最重要的收入来源，是和购物网站的合作。在豆瓣网提供的服务中，产品比价是非常重要的部分。每次有用户通过豆瓣网上的链接进入当当、卓越这样的大型网上商城购物，双方就会按照事先约定的比例进行利润分成。同时也和大学生教育培训主流媒体有相关合作。故在设计界面时，会主要以用户体验为主，且以实现用户所需要的功能为主，再兼以适量用户会感兴趣的广告。二、用户需求分析11、 目的：收集相关资料分析目标用户的使用特征、情感、习惯、心理、需求等，提出用户研究报告和可用性设计建议。这部分工作有团队配合完成。时间与项目需求允许的情况下，更可以制定实景用户分析。2、 用户定位：豆瓣网主要以书评和影评为特色，吸引了一大批忠实的用户。这一模式拥有很高的粘性，并逐渐对网民购书、购碟产生影响。这种模式特别适合于营销的精确到达。从2005年3月至今，豆瓣的注册用户已经超过一百万。用户以受过高等教育的青年大学生为主。豆瓣的发起者发现，对多数人做选择最有效的帮助其实来自亲友和同事。随意的一两句推荐，不但传递了他们自己真实的感受，也包含了对你口味的判断和随之而行的筛选。他们不会向单身汉推荐育儿大全，也不会给老妈带回赤裸特工。遗憾的是，你我所有的亲友加起来，听过看过的仍然有限。而且，口味最类似的人却往往是陌路。如果能不一一结交，却知道成千上万人的口味，能从中间迅速找到最臭味相投的，口口相传的魔力一定能放大百倍,对其中每一个人都多少会有帮助。豆瓣随着这一个愿望产生。豆瓣不针对任何特定的人群，力图包纳百味。无论高矮胖瘦，白雪巴人，豆瓣帮助你通过你喜爱的东西找到志同道合者，然后通过他们找到更多的好东西。（以上摘自百度百科）3、 需求分析：豆瓣网定位在书籍，电影，音乐三个大的方面，用户会选择品味，表达与交流等行为。即品味书籍、电影或音乐，发表自己的见解，与他人交流见解或者相互分享自己喜欢的内容。并且需要向用户提供个性的自我管理，如自己的资料、头像，自己以及自己关注的人的动态，自己的小组的动态等。浏览者一般后对对网站提出以下的要求：1、更方便的查询和搜索；1摘自《豆瓣网》，百度百科2、更容易找到自己关注的3、更快捷方便的操作；4、更广泛的沟通交流。三、总体设计方案主题1、目的：完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位，规划网站的组织结构。2、总体主题：1）、简洁。网站将功能定位于书籍、电影、音乐，相应的用户更注重的是体验功能及更好的发表以及及相互的交流，故界面一定要美观大方、简单实用但内容丰富；2）、向用户展示他们最需要的。不管是搜索、查找自己喜欢的内容，还是进行自己需要的操作，都必须给用户最直观的体验；3）、注重引导新用户。每时每刻都可能会有新用户的加入，注册以及简单的网站浏览成了用户必做的事情。网站给用户的第一印象往往决定了用户以后对网站的关注程度，因此，对于新用户，引导一定要简单生动，且引导他们主动去完成，这样会让人乐于接受。四、框架设计1、目的：制定交互方式、操作与跳转流程、结构、布局、信息和其他元素；2、具体框架：1）、布局：采用最易被人接受的上中下方式。即上部为导航功能区；中部为典型的两列式，左边为承载用户最希望看到的内容的区域，即核心区域，右边为辅助分类、有关功能以及相关信息的区域；下部为站务导航等。2）、色彩配置：整体通过白色底色来突出内容，模块为淡绿和浅粉色，非常清爽，中性的色彩让大部分人易于接受。样式用色可采用鲜明的颜色，整个色系围绕绿色跟粉色，整体协调一致。文字颜色：主要功能的文字为绿色、橙色及蓝色，其余为黑色。主色调当前导航芒冒导航点击師色其余导帆颜邑部分按钮额色评分颇色样式色调3）、页面长度：少于3屏。一般一到两屏较好，过长的页面易引起反感。4）、按钮使用：尽量少，且简洁。3、具体功能划分：1）、未登录：显示基本的导航以及登录注册界面；导航设置为：豆瓣社区，豆瓣读书，豆瓣电影，豆瓣音乐，豆瓣同城，九点，豆瓣FM,登录后加上：豆邮，帐号，退出。2） 、豆瓣社区：子版块为：首页，我的豆瓣，我的小组，浏览发现。3） 、豆瓣读书：增加搜索功能，左侧为书籍列表（带缩略图），右侧为热门标签，用户关注的书籍，豆瓣图书以及用户的相关申请。4） 、豆瓣电影：增加搜索功能，左侧上部为热销电影列表（带缩略图），中部为新片列表，下部为热门评论，右侧为热门标签，口碑榜，票房榜及精彩豆列，豆瓣电影。5） 、豆瓣音乐：增加子导航：音乐人，排行榜，分类浏览，豆瓣FM,以及搜索功能，左侧上部为FM控制器，中部为音乐人及新碟列表，下部为热门评论，右侧为热门音乐人单曲，热门音乐活动及豆瓣音乐。5） 、豆瓣同城：增加子导航：活动，团购，我的同城以及修改所在地区的功能。左侧为热门活动，右侧为本地豆瓣成员喜欢的小组、商家及