Interaction Analysis - 1.6

穷游网手机版(微主页)交互设计简评

http://m.qyer.com/#

随着人们把时间开始从PC转移到移动端上,更多的厂商把目光也聚焦在了这里;有别于网页版网站的复杂程度,针对移动端,越来越多的厂商开始先一步设计起手机端的网页等,今天就让我们来欣赏一下穷游网的手机端界面(网页版非APP)。

Interaction Analysis - 1.6_第1张图片
home

在主页上我们可以清晰的把所呈现的信息分为几个大类:主题页,Banner,搜索,折扣,菜单,登录,4个模块。主题页采用漂亮的风景做背景,作为一个以旅游类为主的网页很恰当,接下来是搜索栏(笔者以为,用户在专业的旅游网站上找攻略的基本上都是有明确的目的地,所以一个可以直达目的地最快的方式就是采用搜索和筛选了)。一个自家的营销Banner,接下来是折扣,作为主推的产品和模式,出现在这里无可厚非,采用的是简单的 ‘卡片式’ 设计来呈现。往下翻则是以UGC内容为主,做为一个发布UGC的平台,各大旅游网站也是对内容分毫必争,抢夺用户,在这里所展示的都是比较精品和用心创作的好作品,如此高质量的UGC怎能不带动整个社区的上升呢?(甚至在图片的选择上,要求也越来越高,不乏好图,更有水准可达摄影师的好图片出现)

Interaction Analysis - 1.6_第2张图片
UGC

返回到第一屏,在菜单页面我们可以看到把在网页版的标题栏上的内容放在了左侧菜单栏中,为了不影响整个界面,通过一个图标来隐藏展示,也是时下比较流行的一些APP的做法,时刻在顶端的搜索无不提示着用户这里有一个找到答案的快捷入口。因为毕竟不是APP的关系,如果屏幕过小,然后菜单中出现SCROLL BAR,在滚动的时候网页不能很好的识别位置,会连同右侧的首页一起滚动,稍显不完善。

Interaction Analysis - 1.6_第3张图片
MENU

最后,附上一个线框范儿的LOG IN 页面,非常的简洁扁平,屏幕底部的暗提醒也非常规矩。

Interaction Analysis - 1.6_第4张图片
LOG IN

你可能感兴趣的:(Interaction Analysis - 1.6)