科技猎交互设计案例分享：平台规范与设计模式解析（二）
前面给大家介绍了移动端产品设计模式，接下来就以“良仓”为例，给大家介绍一下Web端产品设计，一起来看看吧！
Web端产品设计
接下来将利用案例从产品定位，页面结构和设计模式详细的分析web端，ios端，安卓端的利弊和不同。如有错误，诚请指出，谢谢~
Web端产品案例：良仓
产品定位分析
1.用户人群：创意行业，广告业和媒体从业者等具有一定消费能力的小众人群，在国内的美学领域独树一帜。在互联网快速发展的时代，这一类人群不断增长。种子用户形态明显。
2.用户需求：淘出品位。通过社会化和意见领袖两种方式为用户淘出品位，并提供购买方式，把良仓打造成一个速成品位的聚合地。有“淘出品位”这一心理的潜在用户很多，把握细分市场，一家独大。
3.商业模式：媒体+电商。通过软实力对美学的独到审美定期高产分析内容，同时利用明星效应（达人）汇聚关注。结合电商，力图涵盖生活中各个方面，体现美学中小众主义的一面。
页面结构分析
有五个大的功能模块，首页推荐人气商品，数量小众而精。“商城”和“杂志”均可进入购买页面，利用年媒体属性和名人效应可以在“分享”和粉丝们分享一些有品位的收藏，更有名人入驻“达人”专区，社区属性加上名人效应对网站的流量的增值作业很大。
首页：从是视觉的角度看，色调统一，字体和排版简洁，主页商品以人气为排序方式，推荐精品至首页。点击更多跳转“商店”。
商店：精细分类19项，除了日常的电商分类，还有“礼物”（包括送他，送闺蜜，送父母，送儿童等等）“推荐”（包括限量，优惠，独家，合作款等等）。
杂志：属于良仓的媒体属性。内容输出的主版块，包括趣味，数码，汽车，文化，时尚，美食，建筑，空间，圈子，清单。
分享：社交属性充分发挥的版块。
达人:即意见领袖，通过意见领袖为人们淘出好品味。提升用户对美学的认知，也提高了良仓社区的活跃度。
设计模式分析
分别从导航，内容列表和表单三个方面分析优劣之处。从网站属性来看，良仓虽然有很抢的媒体优势，但仍旧是属于电商平台，而不同于搜索型平台的网站（如亚马孙，淘宝等等）搜索框做的很大，放在网页的核心位置。基于中国用户已经习惯了引导消费做出决策，一般的电商平台都需要增加站内广告陈列来引导用户的选择。而像良仓这样的需要美学引导的网站更甚。首页的banner轮播图，下方的广告推荐，以及人气良品，都是出于这样的考虑而布局。
同时，利用格式塔原则规则排列，给人信任感，简单干净。大量的留白让页面看起来有灵气。高级灰的色调，像无印良品一样，给人一种对家的憧憬。具体页面布局如下图。
A.水平导航设计
良仓的信息架构清晰简单，一级导航采用水平式的下划线的标签式导航，次级导航则是列表式的分类导航。符合用户习惯，能够轻松地进行点击和快速切换。
优点：符合用户习惯，能够轻松地进行点击和快速切换。
缺点：不适合信息层级复杂的产品。但也可以结合列表导航搭配使用。
B.内容列表分析
整体来看，良仓的内容展示为大图文结合的列表设计，直观而富有感染力，通过大图吸引用户多次点击，Banner位是图片的轮播图，节省空间。内容详情部分为网格列表，鼠标悬停是显示具体价格和设计灵感，帮助减少用户的点击次数，提升体验。底部展示产品的相关信息，为单列设计模式。
而值得一提的是，在达人页面，用户可以根据自己的习惯选择商量浏览模式，分别为图文列表模式或者网格列表模式。
优点：直观而富有感染力，综合利用格式塔原理，视觉优化后的信息，让用户共容易找到欣喜的产品。
缺点：不合适新闻条目类多的产品。
C.表单设计分析：
登录注册表单同样是简洁的列表模式。并支持第三方登入。
优点：列表模式清晰，容易操作，注册流程简短。排除用户对于注册流程冗长复杂的心理负担。
缺点：缺点是相对的，具体产品具体分析，现阶段对于良仓来说，列表表单能满足用户需求并且能够快速上手操作足以。当然，在不断迭代的过程中发现问题解决问题越更好。
Web端产品案例介绍完了，接下来就是android端产品案例了，下篇文章将以黄油相机为例进行详细的介绍，大家可以继续去看看。
以上就是“交互设计案例分享：平台规范与设计模式解析（二）”的内容了，如果你还想了解其他相关内容，可以来 产品壹佰 官方网站。
Web端产品设计
接下来将利用案例从产品定位，页面结构和设计模式详细的分析web端，ios端，安卓端的利弊和不同。如有错误，诚请指出，谢谢~
Web端产品案例：良仓
产品定位分析
1.用户人群：创意行业，广告业和媒体从业者等具有一定消费能力的小众人群，在国内的美学领域独树一帜。在互联网快速发展的时代，这一类人群不断增长。种子用户形态明显。
2.用户需求：淘出品位。通过社会化和意见领袖两种方式为用户淘出品位，并提供购买方式，把良仓打造成一个速成品位的聚合地。有“淘出品位”这一心理的潜在用户很多，把握细分市场，一家独大。
3.商业模式：媒体+电商。通过软实力对美学的独到审美定期高产分析内容，同时利用明星效应（达人）汇聚关注。结合电商，力图涵盖生活中各个方面，体现美学中小众主义的一面。
页面结构分析
有五个大的功能模块，首页推荐人气商品，数量小众而精。“商城”和“杂志”均可进入购买页面，利用年媒体属性和名人效应可以在“分享”和粉丝们分享一些有品位的收藏，更有名人入驻“达人”专区，社区属性加上名人效应对网站的流量的增值作业很大。
首页：从是视觉的角度看，色调统一，字体和排版简洁，主页商品以人气为排序方式，推荐精品至首页。点击更多跳转“商店”。
商店：精细分类19项，除了日常的电商分类，还有“礼物”（包括送他，送闺蜜，送父母，送儿童等等）“推荐”（包括限量，优惠，独家，合作款等等）。
杂志：属于良仓的媒体属性。内容输出的主版块，包括趣味，数码，汽车，文化，时尚，美食，建筑，空间，圈子，清单。
分享：社交属性充分发挥的版块。
达人:即意见领袖，通过意见领袖为人们淘出好品味。提升用户对美学的认知，也提高了良仓社区的活跃度。
设计模式分析
分别从导航，内容列表和表单三个方面分析优劣之处。从网站属性来看，良仓虽然有很抢的媒体优势，但仍旧是属于电商平台，而不同于搜索型平台的网站（如亚马孙，淘宝等等）搜索框做的很大，放在网页的核心位置。基于中国用户已经习惯了引导消费做出决策，一般的电商平台都需要增加站内广告陈列来引导用户的选择。而像良仓这样的需要美学引导的网站更甚。首页的banner轮播图，下方的广告推荐，以及人气良品，都是出于这样的考虑而布局。
同时，利用格式塔原则规则排列，给人信任感，简单干净。大量的留白让页面看起来有灵气。高级灰的色调，像无印良品一样，给人一种对家的憧憬。具体页面布局如下图。
A.水平导航设计
良仓的信息架构清晰简单，一级导航采用水平式的下划线的标签式导航，次级导航则是列表式的分类导航。符合用户习惯，能够轻松地进行点击和快速切换。
优点：符合用户习惯，能够轻松地进行点击和快速切换。
缺点：不适合信息层级复杂的产品。但也可以结合列表导航搭配使用。
B.内容列表分析
整体来看，良仓的内容展示为大图文结合的列表设计，直观而富有感染力，通过大图吸引用户多次点击，Banner位是图片的轮播图，节省空间。内容详情部分为网格列表，鼠标悬停是显示具体价格和设计灵感，帮助减少用户的点击次数，提升体验。底部展示产品的相关信息，为单列设计模式。
优点：直观而富有感染力，综合利用格式塔原理，视觉优化后的信息，让用户共容易找到欣喜的产品。
缺点：不合适新闻条目类多的产品。
C.表单设计分析：
登录注册表单同样是简洁的列表模式。并支持第三方登入。
缺点：缺点是相对的，具体产品具体分析，现阶段对于良仓来说，列表表单能满足用户需求并且能够快速上手操作足以。当然，在不断迭代的过程中发现问题解决问题越更好。
Web端产品案例介绍完了，接下来就是android端产品案例了，下篇文章将以黄油相机为例进行详细的介绍，大家可以继续去看看。
以上就是“交互设计案例分享：平台规范与设计模式解析（二）”的内容了，如果你还想了解其他相关内容，可以来 产品壹佰 官方网站。
