深圳易捷网络科技财税咨询网-neatmaster518.com 返回首页

移动端设计大忌,PC的思路用不得

信息来源:深圳市易捷网络科技有限公司
信息发布时间:2024/12/22
你是不是还在用PC的思路做移动端的设计?不要不承认,我刚开始平面转网页时怎样做页面都像DM单页。不管承不承认我还是相信有一些设计师还是会这样做的。那么什么是PC的思路?移动端的设计又该怎么表现?易捷互联资深设计师与大家探讨一下这个问题。
PC的思路
首先我们大致的过一下PC的思路。这对于大多数网页设计师来说是一个很容易回答的问题,亦或者思路会比较清晰。首先是导航,接下来是banner,紧接着是内容部分,最后是footer。这好像是一个完美的结构逻辑,至少多数的客户都能够接受这样的布局。接着我们再来说一下PC的设计元素都会用到哪些。在PC的元素中我们最常见的应该是箭头吧,各种大小形状的箭头分布在不同的位置,起着同一个作用。还有什么?各种联系、关注(QQ,微信,微博之类)、返回顶部的按钮吧,还有更多和返回之类的按钮。另外下拉菜单好像也是PC的标配。最后我们提一下PC的主流浏览方式,好像只有鼠标点点点,应该没有其他方式了吧。
移动端思路
说了这么多PC端的特点,其实对我们今天的主题只是铺垫。我们先来反思一下在操作移动端项目的时候是否会经常把以上的某些经验带到项目中,而这些思路,元素真的是符合移动端项目吗,符合用户思维吗,或者根本就是鸡肋?究其原因,我认为最大的问题是智能移动设备的搭载功能和交互方式与PC有着天壤之别。就需要设计师在设计的过程中,更多的去考虑这些因素,呈现出来的功能引导要往这些方面靠拢。
以智能手机为例:手机搭载了传感器:包括摄像头、陀螺仪、麦克风等设备;手机的主要交互方式是:手势、滑动、长按、点击、摇晃等。所以如果用PC的思路来做移动的设计时总会给人一种非常“别扭”的感觉。用户的很多习惯被这种思路延伸出来的设计弄得很懵。举个最简单的例子:PC端的banner经常是长方形的矩形,当成比例搬到手机上是否会一种很拥挤的感觉?如果这个可以接受的话那在banner这个部分还可以举出更直接的例子。PC的banner一般都会用箭头的元素进行切换,但是当把箭头搬到移动端上的时候是否会很鸡肋?设想一下,你会在手机上去触碰箭头进行切换吗?大多数情况下手机用户都是用手势滑动的交互方式进行切换。如果说你想要引导用户这里有多张图片,完全可以设计一些精致简单的几何图形排列在图片的下方,用户自然不会去点击指头根本触碰不到的小图形也会意识到这里有多张图片切换。这就是最简单的用PC思路做移动端的真实事例。
沉浸式体验
另外,我觉得应该用沉浸式的体验进行移动端设计。沉浸式体验——好像很高大上,很虚幻,说白了就是用设计流程去减少用户的思考,让用户一路到底的进行浏览,尽量减少打断用户浏览的思路。我认为沉浸式的体验同样也是品牌营销的一种体验。为什么这么说?试想,品牌营销的目的就是加深印象或转化。而使用手机浏览信息的用户大多是利用碎片化的时间进行浏览,有可能上车下车的动作都会打断他们的浏览路径,所以设置各种环节的设计和跳转,是不明智之举。用户在碎片化时间被打破后根本回想不起我刚才浏览了什么,浏览到哪里了,使他根本不能快速进入主题,快速得到想要的内容信息。结果就是弃你的页面而去,而那时不管你的设计有多漂亮,动效有多酷,都吸引不了他。所以在这方面,我们就必须减少像PC端一样放置各种查看更多按钮让用户到处跳转。当然这不是一个绝对的问题,该需要跳转还是需要的。
所以我们该用什么样的思路去做移动端呢?
简-减-检。对,我用3个jian来概述设计移动端的思路。

你的页面尽量的简单,尽量不出现PC端左右内容的排版,大多采用上下的排版(前方高能,记住,纯色块和留白还有图片是这种排版方式的调和剂,能很好的帮助设计师来调整页面的节奏)

为了沉浸式的体验,设计师必须摒弃PC的习惯,将移动端的内容设计表现的更加顺畅,减少各种关卡环节。我总结了一下,移动端的交互,点击是目的,滑动是习惯。所以,至关重要的内容我们就用点击的方式让用户操作,当然点击开的内容一定是最为重要的,比如是成交动作,而其他的内容就用滑动来实现吧。不管是左滑右滑还是上滑下滑(说到这里,插一点。有的设计师说又不让跳转又不让出下拉,移动端的屏幕本来就小,怎么设计。其实我认为有限的屏幕宽度背后我们可以通过滑动来实现无限的展示空间。比如像地图,我是不是很机智,你们脑补一下。)顺便举个例子吧:有一种洗衣机是那种左边洗衣,右边脱水的双桶洗衣机。它解决了之前更老的不能脱水的洗衣机能让衣服快速晾干的过程。当全自动洗衣机出现的时候人们是不是更青睐于全自动呢,设定程序连洗带甩甚至烘干一步操作完成。再举个例子吧,简直停不下来。我们在使用支付宝支付的时候是不是发现根本没有确定按钮,输入金额指纹支付,错误给个返回,成功给个提示。仅仅只是少了一步,感觉好爽。

当然是检测啦。自己做好的设计在手机上多滑动滑动,自己试用一下看看是否顺畅,逻辑是否通顺,这很容易做到的。不断的非否定自己,不断的改正设计。你离一个优秀的设计师已经不远了。
当然还有更多其他的一些应该注意的点这里就不一一赘述,我相信,聪明的设计师根据这篇文章一定可以举一反三。
再啰嗦一句:赢在最后一步,赢在比别人少一步。
专业的网站建设公司,易捷互联,如您有网站营销需求,请您关注我们,或者致电13828884598

相关行业资讯

1、遵循这三点要求,官网制作更出色
2、深圳网站设计时应注意的事项
3、网站制作怎样才能增强网站的有效性
4、为何营销型网站制作费用差异那么大
5、网站建设过程要避免那些误解
6、海底捞体:病毒式传播无边界
7、怎样更高效的做视频外链
8、如何通过电子邮箱的邮件营销吸引客户
9、一般的公司网站在设计中的过程是怎样的
10、离开百度竞价企业就不能生存
11、网站制作浅谈网站规划原则
12、网页制作的发展趋势
13、网页设计中应如何遵循SEO的优化规则
14、运行Web项目的常用设备
15、外贸网站设计制作需要注意的事项
16、SEO优化进阶的内容更新怎么来做更合适
17、公司站站内优化有哪些操作方法
18、建设网上商城对于企业来说有哪些好处
19、如何做好关键字优化难易程度分析
20、网站被降权或者被K如何检查有哪些步骤
21、从头带你认识面包屑导航的前世今生
22、大型网站和小型网站优化的区别与联系
23、为何SEO优化对企业网站越来越重要
24、客户喜欢的是最直接的网站制作方式
25、怎么做好百度地市级推广
26、企业网站关键词如何部署最合理
27、企业网络营销网站应当如何去诊断
28、网站过度优化而导致网站降权的4个行为
29、网站设计中的滚动背景的解读
30、网络营销发展的速度让企业何堪
31、疫情下的深圳,中小企业更要利用好网站突破重围
32、网站制作销售人员所必需的专业素质
33、从携程高管自愿降薪来说企业营销型网站建设的重大作用
34、企业网站建设应该包含产品介绍及产品交易服务流程
35、站长:请不要只为了一条外链而发帖
36、作为一个推广专员必须具备的推广优化知识
37、网站优化过程中需要注意哪些细节
38、浅谈建设有价值的网站的办法
39、百度云BCH虚拟主机子目录文件夹绑定多个二级域名实现多站点
40、网站设计同样关乎中小企业的发展
41、搜索引擎优化:该如何看待网站权重的传递
42、网站制作带领大家认识网站
43、分析网站制作中常见的问题及解决方案
44、如何彰显网站的品牌
45、网络推广过程中需要注意的一些问题
46、网站防攻击要如何做
47、网站建设设计前期需要了解哪些方面问题
48、深圳福田网站制作公司,网站标题改动对SEO优化有什么影响吗?
49、Godaddy主机一键安装JoomlaCMS建站教程
50、网站转化率的提升你有注意到这些吗
深圳市易捷网络科技有限公司版权所有    粤ICP备2022153140号