交互设计学习_平台设计规范与常见设计模式作业

微医ios v2.6.1

产品介绍：

微医App是由挂号网推出的一款移动在线挂号问诊平台软件，是目前国内最大的预约挂号、就医指导、健康咨询、在线支付的医疗健康类应用之一;

主流用户：

根据研究报告，主流用户为31-35岁的用户，这类人群熟悉互联网、有一定经济实力且对身体健康比较重视；

产品主要页面：

新版微医主页面采用舵式导航，重点突出了新上线的患者社区功能——医言堂，当未点击过时，该按钮会有动效，其余四个功能入口与之前一样；

优点：重点突出新上线的功能，吸引用户点击试用；

缺点：微医的主要功能是网上找医生问诊、预约挂号，显然医患社区的这一功能是个期望型需求，重要级与问诊不在同一级别，未来的导航位置可能还会变。另外无法通过医言堂这个名称知道这是个医患社区，点击进入后发现是加载的一个H5页面，布局上和其他页面风格不一致，像是链接到了某贴吧，另外要吐槽下的是，这个提示令人很无语；

首页微医顶部采用操作栏，可搜索医院、医生、科室、疾病，也可扫描二维码。内容区域非常丰富，从上往下依次为广告轮播图、平台收费声明、问诊区块（宫格布局，突出极速问诊）、挂号预约区块（宫格布局，突出预约挂号）、运营广告位、推荐科室（宫格布局，突出骨科）、微医讲堂、医言堂、健康测评（轮播图）、热门资讯（垂直列表布局）；

优点：将常用功能展示在首页第一屏，让用户能快速上手，找到医生问诊或预约挂号，方便用户用最少点击数获取到自己想要的服务。宫格布局中采用文字+配图的方式，方便用户快速定位；

缺点：过多的功能集中在首页，让首页非常臃肿，用户难以区别模块功能间的区别，比如极速问诊、专家问诊、免费问诊到底该选哪个？用户认知本较高。

总结：

微医采用底部舵式导航，结构清晰，突出重点运营内容，在首页内容上整体采用垂直列表的栏目导航方式，每个栏目依据使用频率和重要性依次排列，栏目内部左侧突出常用功能，在用户需求和业务运营需求上达到了不错的平衡，但内容上还是稍显混乱，用户首次使用认知成本高；

滴滴出行android v4.4.4

产品介绍：

滴滴出行是涵盖出租车、专车、快车、顺风车、代驾及大巴等多项业务在内的一站式出行平台；

主流用户：

年轻人，包括上班族、学生；

产品主要页面：

滴滴出行主页采用抽屉导航，以打车地图页面为核心，让用户专注高效地完成打车任务。

1.主界面导航模式分析

头部采用滚动式标签导航结合下拉菜单导航，帮助用户快速找到想要的出行方式。

优点：用户可以方便的选择适合自己的出行方式，同时不同的出行方式采用不同的车辆icon以示区分，便于用户理解。

缺点：横向上无法支持过多的标签，数量受限。

2、侧栏导航模式分析

滑开侧栏可以看到其他核心的功能，包括个人中心、行程、钱包、客服、设置，采用列表导航顺序排列；底部通过箭头指示折叠了运营活动入口，默认显示3个比较重要的运营位，展开后可以看到宫格导航布局的其他运营位入口。

优点：导航入口层次清晰，将与打车核心流程无关的功能隐藏到侧栏，有助于用户高效完成打车任务；运营位与主功能分开，有助于减少对用户完成主任务的干扰；

缺点：其他功能入口隐藏较深，升级更新时用户不易察觉，导致使用频率不高。

总结

总的来说，滴滴打车导航结构清晰，核心功能—打车在主页面就能完成，易于上手。但导航架构上不易扩展其他业务需求，如社交类等需求；

金象网--医药电商

l网站logo左上角

l个人信息及登录，放在最顶部，类似淘宝

l一级导航，【首页】、【快速找药】、【健康百科】、【健康大讲堂】

l二级导航，左侧，药品类目导航

l中间，放置运营推荐为，采用图片轮播的方式；

l搜索栏，按照用户使用习惯，放在banner上方；

l右侧，放置了一些不是很重要的信息，如药师咨询、快讯；

l再往下，是电商常见的抢购区、货架式的商品楼层（在左侧配有楼层指示，可以方便跳转到指定楼层）；