UX设计的基础知识:移动端UX设计原则有哪些

在进行移动端UX设计过程中,设计师需要考虑更多问题,确保设计出的产品能满足用户的使用。那麽,移动端UX设计原则有哪些?

UX设计的基础知识:移动端UX设计原则有哪些

UX设计的基础知识

移动端UX设计原则一:追求极简

在空间受限时,若要将所有必要的UI元素放进界面并保持清晰有序,「追求极简」是移动端UI设计中最重要的原则。

通常,我们在布局UI元素时很容易就会掉入一个陷阱:将过多信息打包进界面,并试图为用户提供他们可能想要的一切,最终导致用户不知所措。

为避免这种情况发生,我们可以尝试:

① 洞察移动用户的需求,筛选出对用户而言是必不可少的信息和功能,并尽量保持每个界面仅有一个行动目标。

② 确定好界面信息和功能的优先级排列,可利用留白、字体及其他视觉设计,进一步简化界面。

另外,页面加载速度也是UX设计的重要部分,在考虑功能、内容、视觉效果前,优先考虑产品加载速度,能为用户带来流畅舒适的用户体验。

【案例参考】

UX设计的基础知识:移动端UX设计原则有哪些

UX设计的基础知识

Instapaper的列表页顶部设有搜索栏,方便用户搜索感兴趣的内容;底部没有常见的标签栏,但两侧各有一个菜单,显得整个界面非常乾净整洁。

移动端UX设计原则二:减少输入

基本上,移动用户在使用网站或APP时都不太愿意输入大量文本。

相较於PC端用户,移动端用户与界面的交互时间短,加上移动设备按键较小,若要输入太长信息明显不利於用户体验。尽管某些配件的确可以让用户在操作移动端的行为习惯更接近PC端,但绝大多数用户都不会这样使用。

因此,移动端UX设计应该:

① 对於可自动填充的内容,应提供自动填充设计;

② 当用户开始输入内容时,给出合理的建议;

③ 允许用户选择类别或以其他方式筛选内容;

④ 尽量使用选择器代替手动输入;

……

【案例参考】

UX设计的基础知识:移动端UX设计原则有哪些

UX设计的基础知识

Eventbrite作为一个在线活动策划服务平台,它的搜索功能非常值得借鉴,尤其是基於时间搜索时间时,优先展示具体时间(如任何时候、今天、本周等),并将常规时间选择器(年/月/日)默认排列在最後,以便用户快速选到想要的时间段。

移动端UX设计原则三:增加控件可操作区域

在理想情况下,行动点大小取决於它在屏幕中的位置,但在移动端UI设计中,尽可能把可操作区域设计得大些总没错的。为什麽这样会说?增加UI控件尺寸,扩大元素周围的留白空间,可减少用户误操作,提升界面的简洁性,同时还可以突出控件的视觉焦点。

如果你不希望控件面积过大,只要在不干扰其他UI元素的情况下,尽量增加元素可点击范围即可。

【案例参考】

UX设计的基础知识:移动端UX设计原则有哪些

UX设计的基础知识

当用户使用Meetup并查看聚会群组时,屏幕中间有个醒目的大按钮,以便用户轻松快捷的操作。

移动端UX设计原则四:优先考虑易读性

易读性是所有平台UI设计都要遵守的设计,设计师需要遵循字体、字号、行高等通用原则。在移动端UI设计中,字体不宜小於16pt,否则会损害界面的易读性。

此外,移动端UX设计还需考虑那些「不理想」的使用环境,如旅途中、繁忙街道上,以及强光状态下等。如果想要更好的用户体验,易读性设计不仅要满足「不理想」使用环境的「理想条件」,还需要考虑「美观」。

【案例参考】

UX设计的基础知识:移动端UX设计原则有哪些

UX设计的基础知识

很多阅读型产品都支持响应式网页设计,允许用户设置界面信息,以确保设计的表现和延展性,但Medium.com文章展示页或许应引起反思。

移动端UX设计原则五:轻松从错误中恢复

用户在操作网页或APP过程中,难免会出现错误。但无论这个「错误」是否必然发生,您都有责任帮助用户避免,尽管您无法完全消除它们。

【案例参考】

UX设计的基础知识:移动端UX设计原则有哪些

UX设计的基础知识

通常产品出现列表时,都支持用户通过左右滑动来执行某些操作。而Airmail电子邮件列表的操作有方向和长度的差异,并且可立即执行,这对需要加快工作流程的高级用户来说,非常有用,但也容易出错。因此,「Undo Move to Bin」按钮就显得非常重要,包括发送Email时,同样也需要显示类似的撤销按钮,帮助用户从错误中恢复。

移动端UX设计原则有哪些?移动端UX设计相对於PC端是存在一定的差异性,因此设计师不仅需要考虑界面的流畅性和一致性,更要考虑交互过程的合理性,以及洞察用户的群体特徵,尽可能尊重目标用户的操作习惯。

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/42322.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
Inspirr的头像Inspirr订阅用户
上一篇 2022年6月25日 01:27
下一篇 2022年6月25日 01:27

相关推荐

  • 成功的网页设计要素:导航

    一个成功的网页设计一定是内容,设计,兼容性这3点完美结合的结果。你必须考虑用户体验,配色方案,文字内容,当然还有网站是否在手机上运行良好。 在线下宣传力度有限的情况下,网络是你推广产品或服务的最好手段…

    2019年8月19日
    0279
  • 新手科普!4个方面帮你快速熟悉UI组件中的瀑布流。

    本文从组件介绍、使用场景、设计要点、样式拓展4个方面,帮你快速熟悉UI组件中的瀑布流设计。一、组件介绍瀑布流 (Waterfall Layout),又称瀑布流式布局,是信息流网格布局的一种视觉形式。顾名思义,这种布局形式…

    2023年3月2日 SEO操作
    02
  • 三点有效提升着陆页的转化率

    1、视觉上重视图形图像元素   其实任何的类型的界面设计,视觉方面的比重都非常大!我们都是视觉动物,喜欢直观又吸睛的元素。因此,在进行着陆页设计时,最好能够合理化的基础上使用图形图像元素。毕竟,大段…

    2022年6月25日
    0117
  • SEO优化过程中5种常见的错误

    SEO不仅仅是修改下网站关键词,发发文章,发发外链。不做网站数据分析的SEO都是伪SEO。下面盘点SEO优化过程中常见的错误。看看有没有你正在或者曾经犯过的错误。 1、网页设计前没有分析行业、不做SEO规划 SEO是需要…

    2016年6月5日
    0116
  • 我来分享用dw制作一个网页的全部过程,网页设计软件dreamweaver。

    制作一个网页的全部过程可以分为以下几个步骤: 1. 确定网站主题和目标受众:在开始设计之前,首先要明确网站的主题和目标受众,这将有助于你在后续的设计过程中做出更有针对性的决策。 2. 规划网站结构:根据网站…

    2024年6月28日
    00
  • 占位符和字段标签如何才能不混用

      页面设计到了表单设置时,通常会使用文本占位符,以此作为引导,让用户轻松就可以得知填写的格式、内容。在用户进行点击输入的时候,占位符就会消失。但是,有些页面设计想要降低表单的长度,会将标签直接作…

    2022年6月25日
    0120
  • 大厂高手出品!中台组件设计指南:系统布局。

    本篇文章将分享 Web 端系统布局,从基本布局初识、网格、布局模块到栅格进行完整链路内容整合,以简单易懂的案例与大家进行探讨。 在以往的学习过程中,我发现市面上大部分文章对于 Web 端系统布局内容讲的比较笼统…

    2023年3月1日 SEO操作
    016
  • 超扁平化风格的网页设计作品能吃香吗。

    不知什么时候开始,很多人开始习惯性的把扁平化、简约、国际化相互关联在一起。扁平化的设计风格似乎看起来总是会国际化、时尚一些。在企业建站领域,扁平化设计风格是否得到更多客户的认可?今天我们看几个超级扁…

    2023年2月23日 SEO操作
    02

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息