恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
协众信息技术掌握7项移动网站设计更出色
0.0°
2023-04-25 好文转载 教程 原作者: 未知 举报 185 0 0 0

     如果您想为访问者提供出色的移动网页设计,移动网页设计是为移动用户优化网页体验的过程。良好的用户体验是产品设计不可或缺的一部分

   如果您想为访问者提供出色的移动网页设计,移动网页设计是为移动用户优化网页体验的过程。良好的用户体验是产品设计不可或缺的一部分,网站也不例外。大原则,以帮助你打造出色的移动设计:所讲到的7个原则将帮助你创建出色的移动网页设计,分别是:

 用心感受、用心体会、用心设计、用心反馈

  由于越来越多的人在手机上进行搜索,当今人们浏览网络的方式发生了巨大变化。事实上,全球估计有38亿智能手机用户,这意味着针对移动设备使用优化您的网站尤为重要。但问题是,如何正确优化?

  什么是移动网页设计?

  移动网页设计是为移动用户优化网页体验的过程。此过程包括创建:

 如何创建一个移动网站?

  通常,创建移动网站的过程始于用户和市场研究。产品团队收集有关目标受众的信息(他们的需求和愿望),对其进行分析,并使用它来创建解决方案。

  创建移动UI的过程从原型设计开始,这通常涉及创建低保真和高保真原型。首先,产品团队创建一个低保真原型来显示各个页面上的信息组织。之后,他们通过添加真实的内容和图像来将低保真原型转变为高保真原型,以与真实用户验证设计。一旦团队拥有经过验证的高保真原型,他们就可以使用Bootstrap、Angular、React等Web框架或Squarespace、Wix或Elementor等网站构建器将其转变为成熟的网站。

  什么是一个好的移动网站:必须坚守这7个关键原则

  良好的用户体验是产品设计不可或缺的一部分,网站也不例外。在这篇文章中,你将学习7大原则wix网站设计,以帮助你打造出色的移动设计:

  1.创建一个坚实的信息层次结构

  移动用户有非常明确的目标导向。当他们访问一个网站时,他们希望尽快找到他们需要的东西。人们很少逐字阅读网页,而是浏览网页。这就是为什么良好的可扫描性是移动网站设计的基本属性。访问者应该可以轻松快速地在你的网站上找到他们正在寻找的信息。

  在设计网站时,请记住以下几点:

  你首先会注意到一个带有精选新闻的部分。此信息显示在“首屏”(无需向下滚动即可看到的网页部分),因此用户无需向下滚动即可找到最新更新。

  但是,如果你对特定类别(例如体育)感兴趣,则可以单击页面右上角的菜单图标并查看类别列表(右上角的菜单图标就是三道杠)。请注意,菜单相对较短,但提供了所有必要的信息。

  2.使用简单的页面布局

  用户注意力是一种宝贵的资源,应该相应地分配。当你设计移动布局时,你需要优先考虑简单性,因为简单的布局在小屏幕上效果更好。以下是实现这一目标的方法:

  3.使文本可读并使用大触摸目标

  可读性,或读者理解书面文本的难易程度,是网页设计的基本属性,因为很多信息都是通过文本或副本传达的。以下是在设计时考虑到良好的可读性时需要考虑的属性:

  小触摸目标是移动用户的另一个问题。在移动设备上,用户用手指点击屏幕上的项目,但较小的触摸目标会增加用户击中错误对象的机会。手指友好的大按钮将使最终用户与你的网站的交互更加舒适。触摸屏对象的推荐目标尺寸为7-10mm。

  4.尽量减少用户输入数据的工作量

  填写表单并不是Web体验中最令人兴奋的部分,但设计高效的表单至关重要,这样你的访问者就不必花费太多时间输入数据。设计表单时需要考虑以下几点:

  5.优化页面速度的设计

  用户在交互设计中关心速度。网站加载内容所需的时间越长,用户放弃它的可能性就越大。因此,建议测量性能并删除任何会增加加载时间的对象。高分辨率图像、视频和精美动画都会影响页面加载时间。

  6.移动端和桌面端的视觉和功能一致性

  许多数字产品可作为移动应用程序和网站使用。如果你的产品在两者上都运行,则需要使应用程序和网站的移动用户界面保持一致。理想情况下,移动网络体验应该与你的移动应用程序没有区别,因为它允许用户在应用程序和网站之间自由切换。

  这种产品的一个很好的例子是谷歌地图。以下是Google地图网站和移动应用程序的屏幕截图。你会注意到它们看起来完全一样。

  Google地图网站(顶部)和移动应用程序(底部)看起来几乎相同。

  7.允许用户在另一台设备上完成他们的旅程

  访问者在移动设备上开始任务但在桌面上完成它是很常见的。一个例子是从电子商务商店购买产品。访问者喜欢在移动设备上浏览,但在填写表格时,他们希望切换到桌面,因为它更方便。提供“共享”功能,以便访问者可以通过电子邮件发送链接。

  始终与用户一起验证你的设计

  上面所讲到的7个原则将帮助你创建出色的移动网页设计,分别是:

  但重要的是要让真实用户验证你的设计,即使是经过最深入研究的设计,当你将其投入现实世界时,最终也会包含一些无法预料的缺陷。测试将帮助你在设计过程的早期发现缺陷,修复它们,并最终获得出色的用户体验。

Powered by Froala Editor

更新:2023-04-25

收藏

0人已收藏

  • 185

    作品

  • 0

    粉丝

  • 0

    关注

  • 什么是视觉创意设计优漫教育
  • UI设计中的图标分为哪些类型?优漫教育
  • 什么是交互设计,为什么要进行交互设计  优漫教育
  • 什么是交互设计,为什么要进行交互设计  优漫教育

    猜你喜欢

      2023-04-25 好文转载 教程 原作者: 未知 举报 185 0 0 0

      协众信息技术掌握7项移动网站设计更出色

      0.0°

      你确定要举报协众信息技术掌握7项移动网站设计更出色

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2023年04月24日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      0
      0
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录