您所在的位置: 首页>行业资讯>山东移动网页设计的12个技巧

山东移动网页设计的12个技巧

发表于:2021-10-18 阅读:0 关键词: 移动 网页设计 12个 技巧 虽然 移动 优先 口号 喊了 行业新闻
尽管移动优先的口号已经喊了很多年了,但我们仍然可以看到许多“不称职”的移动页面。 看似自然的网页背后有很多曲折! 今天的文章简要介绍了移动网络设计的常见问题和技巧,也许正是您想要的〜 至 移动用户的目的往往更明确,通常他们希望从移动页面中清晰,轻松地获取所需的信息和内容。 无论是浏览新闻,在线购物还是订阅信息,移动网页都应为他们提供尽可能无缝的用户体验。 至 今天的文章,我们将从用户需求和体验的角度讨论如何设计移动网页。 至 如果希望在移动设备上轻松访问您的网站,则应消除移动终端上可能存在的所有可用性问题。 这里有12条建议,用于改进移动网页的设计,以确保您的网页可以通过可用性测试,并提供良好的用户体验。 至 1.完全针对移动设备进行了优化 移动设备上的桌面网页的主要障碍是导航的使用。 看下面的Domino Pizza案例。 它的桌面网页和移动网页之间的比较非常明显,而优化的移动网页的体验则完全不同。 简而言之,经过优化的移动页面更加简洁,CTA按钮更易于浏览 至 以下是一些优化移动页面的实用技巧: ·仅使用垂直滚动。 不要使用水平滚动,而是让用户只需要向一个方向滚动即可浏览主要内容。 尝试使用CSS控制页面宽度,位置和图像缩放。 ·首先放置您的内容,并避免分散用户的注意力。 ·控制列数,尝试使用单列布局。 至 ·请勿将移动页面与桌面页面混合使用。 2,使行动呼叫按钮友好且易于在移动终端上使用 用户通常会忽略移动页面上的某些元素,因此请尝试使用CT确保用户不会错过的按钮。 与台式机情况不同,您需要将CTA按钮放在显眼的主要位置,以确保易于找到和单击以触发它们。 至 CTA按钮应该易于单击,并且不会干扰或干扰页面上的其他元素。 至 3,使菜单简短易用 详细而全面的菜单设计在桌面上可以很好地工作,但是当它出现在移动终端上时,菜单显得太长了,很难在其中找到想要的东西。 因此,您需要考虑使用精简菜单,并且仅保留最重要和必要的项目。 根据过去的经验,尽量不要让菜单超过7个项目。 至 同时,您必须保持菜单目录易于使用: ·应根据重要性和价值进行排名 ·不应包含用户不理解的术语,菜单应以简单易懂的方式表示。 至 4.使搜索框突出 如果搜索是网站的主要功能,则在进行移动页面优化时应突出显示此功能,因为它是高转换率功能,因此必须确保它足够突出。 当用户想要获得特定功能时,他们倾向于使用搜索功能。 因此,搜索应该是用户打开页面后即可看到的控件。 搜索框通常应以文本输入框的形式放置在页面顶部。 至 5.使网站适合而不缩放 出现在移动设备上的桌面网页最令人沮丧的方面是它们需要缩放。 不放大不但很难阅读页面,而且用户很容易错过重要细节,并且放大浏览需要前后拖放。 对于针对移动设备优化的页面不存在此问题。 图片,字体和页面宽度都可以,用户可以获取完整的信息,从而确保最基本的可用性和易用性。 至 6.使用优质材料 网站中的所有图片,视频和UI元素都是产品的一部分。 当您优化移动设备页面时,它们都是重要的组成部分。 其质量的高低直接影响用户的外观和感觉。 至 7.设计一个有助于触摸交互的页面 至 如果您的页面专为移动设备而设计,则页面上按钮的大小应与手指的大小匹配。 麻省理工学院的触摸实验室通过研究发现,手指表面的平均触摸尺寸为10-14mm,而指尖的平均尺寸为8-10mm,这意味着10mmx10mm的控件尺寸是合理的尺寸。 要考虑的另一件事是可触摸控件的指尖之间的距离。 如果两个按钮相对靠近,则用户容易在移动终端上意外触摸。 如果要解决此问题,则需要根据实际情况重新调整按钮的大小和距离,以满足用户手指交互的需要。 至 8.让用户在做出决定之前先进行探索 要求用户在不知道您的网站的情况下进行注册实际上违反了互惠原则。 有数据表明,允许用户过早注册会导致超过85%的用户选择放弃并离开。 至 NetFlix曾经为用户提供一个月的免费试用,但是用户需要注册才能使用此好处。 一般来说,在提供个人信息进行注册之前,用户将浏览网站的内容以了解网站的类型,提供的服务类型,然后做出决定,尤其是对于从未听说过的品牌。 为了打破转化率的障碍,在设计网站时应执行以下操作: ·提供无需登录即可完成的体验过程 ·允许用户以访客身份进行购买 ·仅在要求用户提供相关信息并且要求用户提供尽可能少的数据时才需要注册 至 9.告诉用户选择更合理的屏幕方向 在不同的屏幕方向下,用户的浏览体验将完全不同。 用户习惯于在相同的屏幕方向上完成所有操作,因此提醒他们切换方向可以改善用户浏览网站的体验。 因此,当您的网站偏向于显示并且使用水平屏幕时浏览体验更好时,您可能希望使用号召性用语来提醒用户。   10.允许放大和扩展产品图像 用户在线购物时,他们总是希望看到产品(尤其是服装)的大尺寸,高清晰度,未编码的图像。 如果他们无法放大和查看,用户的沮丧将直接影响产品的销售。 因此,有必要提供高质量的产品图像并添加放大功能以使用户清楚地看到细节。 至 11,方便设备之间的切换 并非所有用户都习惯于在移动终端上浏览和购买,有些用户只是习惯于在移动终端上搜索信息。 因此,您应该提供一种保存信息的简单方法,以便可以在设备之间使用它们。 用户离开移动设备时,还可以在桌面上浏览,查看和购买。 至 ·确保用户可以通过共享或发送电子邮件/社交媒体来保存信息。 ·同步收藏夹并将项目保存为收藏夹。 至 12.让用户在浏览器窗口中完成操作 毕竟,在智能手机上切换窗口要比在桌面上切换窗口麻烦得多。 用户确实有找不到原始页面的风险。 尝试让用户在一个窗口中完成所有浏览和操作,简化流程和复杂的交互,并将用户保持在一个位置。 结论 实际上,移动网页设计不仅如此简单。 这十二种技术也很基础,但是它们为入门提供了很好的指导。 每个网站都有自己独特的位置,并且专门处理特定的问题。 但无论如何,请记住,您的受众不是设计师,而是用户。 您的设计应该承载用户的期望并实现他们的目标,而不是成为负担。 至