企业形象网站建设解决方案   |   集团公司网站建设解决方案   |    协会门户网站建设解决方案
您所在位置:首页 > 建站知识

网站设计

Website development

让移动端设计变得简单点更好用

发布时间:2019-04-10 07:56:30   作者:曹责   来源:特马资料qq群

TAGS:体验设计,客户体验,网站开发设计

对于一般的企业客户来讲我们的网站只要做到终端适配就可以了,在特马资料最准群网站设计和网站制作的时候只必需考虑到页面能够平常显示,然而很少有人关注到客户体验,这里就涉及到一个移动设备的可用性难题。
cPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

移动设备的可用性更多地取决于它的外观体积和交互行为。人们使用手指与屏幕进行交互,这与使用鼠标和键盘的传统桌面体验不同。这意味着移动更多的是它的感觉而不是它的外观。cPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

人们与他们的屏幕互动,就像他们对有形物体一样。在移动体验方面,舒适性是重要的。没有人想坐在一个不舒服的椅子上 - 移动产品也是如此,没有人想要使用导致不舒服的应用程序或感觉难以驾驭。cPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

看看平常人类如何使用移动设备?

云智对人们如何持有和使用手机进行了广泛的研究。我们并没有就此止步客户体验的研究。云智发现下面显示的插图继续作为客户持有移动设备的标准,但它并不是唯一的标准。
cPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

0_5UnGyza-Srf1UzWZ.pngcPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

实际上,客户持有手机的方式有六种:cPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

75%的人只是用拇指触摸屏幕,不到50%的人单手拿着手机cPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

0_RzKEm4Jcf9u6Fin9.pngcPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

基于上述内容,很明显传统的桌面F形状图案在移动设备上不同,客户在屏幕上横向移动,然后是垂直移动。cPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

0_mYALvGGlQSSwtdkT.pngcPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

客户倾向于首先查看他们屏幕的中心,这是几乎所有智能手机上容易触及和用拇指触摸的。拇指越难到达屏幕的某个部分,它就越不准确。cPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

0_l_-gs0vlHRKfnOQg.pngcPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

但是这种情况仅仅只是在手机上才有吗?当然不是!客户使用他们的拇指握住平板电脑,这意味着他们没有像在手机上那样握住设备。cPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

0_GKzHSK9q0tNdRSRV.pngcPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

那些内容在移动端设计的时候必需留意的呢?

我们可以变化所有尺寸以及人们使用它们的方式,这样一刀切的方式很不恨你,我们可以考虑几个原则来提高移动可用性:cPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

1.知晓您的客户
我们作为设计师倾向于认为每个人全是相同的,并以相同的方式使用设备。我们必需尝试避免这些假设。cPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

此外,我们倾向于认为客户研究是永久性的,但事实并非如此。客户正在发生变化,技术正在发生变化,客户的行为也会发生变化。cPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

如上所述,Hoober建立了客户持有智能手机的六种方式,您的客户可以使用一种不太常见的方式。假如您的产品是为老年人制作的,那么他们的药物很或许会对他们如何操作该设备有独特的需求。不同的人口统计数据使用不同的产品,这或许会影响他们持有和看到移动设备的方式,这是设计师非常重要的一点。cPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

2.使用环境cPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

尽管这与上述内容有关,但我必须将其包括在内。移动意味着“自由移动的能力”。大多数人在使用应用时都没有完全专注。他们经常在与应用程序交互时做其他事情,例如:遛狗,看电视,锻炼,开车,吃饭等。cPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

人们使用设备的地方与他们如何使用设备一样重要。健身或正在运行的应用程序具有与银行或食品订购应用程序截然不同的用例。cPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

3.经验法则cPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

人们大多使用手机大拇指,这意味着我们必需设计拇指,而不是点击。屏幕上的所有内容都应易于触及,无需伸展拇指或使用双手。cPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

因此,这就是响应式设计很重要的原因,并且移动设备上的单列布局更为可取。假如我们使用两列或更多列,我们将屏幕区域串起来,我们将内容缩小到拇指区域之外,这使得它更难使用。cPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

0_Kd2WPfBReJ8kc3ub.jpgcPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

4.内容优先cPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

特马资料qq群网页设计中,我们倾向于首先放置导航,然后内容围绕它,但应用程序设计是相反的方式。cPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

这是因为客户查看和触摸屏幕的方式,重要的内容应位于中心,底部的其他键导航控件。cPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

但是,在平板电脑中,这种情况有所改变。由于我们仍然允许客户使用他们的拇指导航,我们必需确保其余的手指不会阻止任何内容。重要的导航元素必需移动到屏幕的两侧。cPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

5.保持正轨cPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

无论设备如何,移动设备都必需进行触摸设计。但这或许很棘手,因为没有两个人拥有相同的拇指大小,并且它不像鼠标点击那么简单。cPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

客户体验机构Big Medium的创始人兼Designing for Touch的作者Josh Clark表示,一个数字在移动可用性方面非常重要:44。cPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

触摸目标是7x7mm,其转换为像素大约等于40.但是为了考虑各种观看尺寸,44像素是覆盖触摸区域并避免客户错误的理想空间。cPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

6.物理和设备cPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

我们必需让客户轻扫,翻转,捏合并使用适当的微交互,但我们还必需留意运动定律。根据客户采取的操作,所有响应都必需有意义。cPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

微交互将应用程序变为现实,并为其提供基于Touch的附加上下文。我近发表了一篇关于创建有意义的微交互的文章,在这里我将更深入地讨论这个主题。cPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

0_feBzOiqsRdEG7G07.jpgcPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

7.显示正确的内容
cPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

您必需在适当的时间向客户显示正确的内容和适量的内容。cPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

这意味着设计师应该避免同时使用所有内容轰炸客户,但与此同时,重要的信息不应该隐藏在导航背后。cPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

您必需确保满足终客户需求的主要内容显示,然后添加控件以允许客户在必需时更深入地挖掘。cPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

0_oqKbtHVXLS7qnfWd.jpgcPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

结论
cPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

移动端的设计比一个屏幕或一个设备更大,更复杂,这使得移动体验非普遍性。通过遵循可用性原则,设计人员可以为客户提供更愉快和愉快的体验,无论他们使用何种设备。cPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司



cPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


cPg上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

原创不易,未经授权,严禁转载

原文地址:/i,72,7526,0.html

客户评价

更多+
  • 感谢特马资料qq群,系统提前完成,在整个项目周期内,特马资料qq群对待我们并不像是对待客户,更像是朋友一样,每一次,都能以专业的角度向我们提出更合理、更有效的解决方案,并快速、细致地完成我们的每一个需求,再次感谢以至诚之心做事的特马资料qq群团队。

    潘涛

  • 我是东方龙马集团,在云智家做了2个企业官网,服务态度超级好。假如想做网站,选择他家一定不后悔。性价比高,服务态度好。值得你的信赖!

    谭娇

  • 技术好,设计精良,操作便利,很专业!配套的服务和后续的服务都很好,网站封面堪称精品,运行方便,后台操作的简单。技术还会耐心教我,很好的特马资料qq群(上海)科技有限公司,建站很不错的。

    陈曦

  • 不错,价格比较合适,要点是响应速度蛮快,有什么难题都会马上给你解决,公司很满意,因为他们全是针对每个项目建了相应的讨论组,有难题可以再里面提出,人员分工到位,解决难题很及时。

    张经理

联系方式

工作时间:10:00-19:00
咨询电话:010-64758810
客服邮箱:net@cnlink.cc

服务领域

  • 网站定制开发
  • PC网站设计
  • 域名邮箱
  • 网站维护
  • 网站二次开发
  • 响应式网站设计
  • 虚拟主机
  • 网站优化
  • 网站设计开发
  • 创意设计
  • 云主机
  • 项目合作

合作伙伴

All Rights Reserved.©2010-2016 特马QQ群|资料网站京公网安备 110105019435 京ICP备123124426号
本网站设计已受版权保护,任何公司及个人不得复制,违者将依法追究责任,特此声明。法律顾问:上海市辉瑞律师事务所。
嘿,我来帮您!