必威体育Betway必威体育官网
当前位置:首页 > 网站建设

从YouTube改版看“移动优先”——8个移动优先网站设计案例赏析

时间:2018-11-12 22:41:02来源:网站建设作者:seo实验室小编阅读:61次「手机版」
 

类似tube8的网站

5.airbnb

设计亮点:卡片式设计

卡片式设计更易在有限时间内让用户与信息相互联系。这也是谷歌选择卡片式设计作为他们设计标准的原因。其他互联网公司例如airbnb也逐渐认同并采取这个做法。每张卡片的信息传达简洁而有效,通常由一个标题、图片、图表或是一段简介文字组成。这种设计为用户提供了足够的信息并且方便他们决定是否想要继续更深层次了解更多信息

6.Smashing Magazine

设计亮点:重视用户,合理优化屏幕使用空间

数据显示,越来越多的互联网用户选择阻止他们不想要的内容,尤其是移动端用户近年来拦截广告的趋势直线上升。不变的导航设置、满屏幕的广告宣传、过度的市场术语使用,这些并不能为用户带来良好的用户体验。如果你想推送用户广告或引导用户继续阅读,可以循序渐进地根据用户浏览的内容选择性推送。经过策略性排版的内容也更容易让用户主动点击,从而提升用户体验。如果只是单纯的为了获取利润而打破用户体验或者让他们跳转页面,逐渐的用户会越来越少,利润也会随着用户的流失而减少。

7.facebook

设计亮点:有效的动画效果

网页中出现的动画是辅助用户形象地了解当前事物,赋予用户体验更强的表现力与人性化,而不是娱乐大众。例如Mailchimp将其运用为寄信成功后的击掌,Twitter在转发或喜欢功能上使用的小动画,再比如Facebook制做的形象生动的表情包。但如果你想在页面上制作动画,请确保它是雅致而得体的。

8.Evernote

设计亮点:干净清爽的手机UI界面

Evernote主要是提供笔记存储服务,允许用户在全平台的设备上访问。因此Evernote也必须获得正确的移动体验。和桌面版的网页设计一样,Evernote的移动端网页设计也是同样的保持了干净清爽的UI界面设计。此外,网页上恰到好处的CTA按钮对用户来说是非常有用的。

如何遵循移动优先设计原则?

打造一个符合移动优先设计原则的移动端网站,首先需要借助原型工具,例如Mockplus。

第一步:登陆已有的Mockplus账号或申请一个免费的Mockplus账号;

第二步:新建一个手机项目

第三步:思考布局。

“移动优先”设计方法与“桌面优先”有所不同。移动设备中,我们需要考虑在小屏幕布局中呈现足够有效的信息,并不是随着页面布局的改变而减少信息。

在这个例子中,我们知道主页应该具备的某些元素,比如网站的名字和应用logo。但并不是所有的桌面端网页设计元素都适合运用到移动端设备上,所以我们首先根据旅游网站的目标来确定优先事项:

启动页面、登录注册页面、欢迎页面、城市列表页面、主页、详情页面、搜索页面、活动页面、个人信息页面等。

第四步:效果呈现。

Gogobot在线预览地址:https://www.mockplus.cn/sample/post/656

卡片式设计和滚动式内容展示符合移动端用户的信息获取和操作方式。既不会因为图片过大抢占了有限的屏幕资源,上下滚动的内容获取方式也乐于被用户所接受。因为比起汉堡菜单,用户会更乐意去滚动页面。

桌面端效果展示:Gogobot

结语

通过今年Youtube的改版,相信今后会有更多的商家重视起移动优先的设计理念。也希望以上列举的 8 个移动优先设计的案例能为你的新产品或新网站的建设提供一些参考思路。移动版受限于流量必须简单粗糙,而桌面版则极尽华丽之能事。但现在“移动优先”几乎成为一句“正确的废话”,因为它变成了几乎所有硅谷主流企业的常识。

相关阅读

【DFS】深度优先搜索递归方式讲解

前言 记得第一次接触到DFS还是在去年大概三四月份,当时也是在准备比赛的时候听说DFS很重要(原谅我是个小白),然后就去Google了一波什

与或非——编程语言中的!|| && 与离散数学中的!v ∧ 优

1.问题背景:一同事让看一段逻辑有没有问题,其中一个if如下: if(A || B && C){ ... } 是的,没有括号,平时根据需要会写成 if((A

优先队列

1、优先队列: 能够完成以下两个操作的数据结构叫优先队列: 可以插入新元素 可以快速取出所有元素的最值。 2、优先队列的实现:

徐志摩《再别康桥》赏析

再别康桥 --- 徐志摩 轻轻的我走了,正如我轻轻的来; 我轻轻的招手,作别西天的云彩。 那河畔的金柳,是夕阳中的新娘; 波光里的艳

电商网站设计方案

电子商务是未来企业主要的商业运营方式,而设计电商网站 是开展电子商务的第一步,也是至关重要的一步。你可能会问,为什么这样子说呢?

分享到:

栏目导航

推荐阅读

热门阅读