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

相关推荐

  • 按钮设计预防出错的两个常用方式

    视觉比重 简单来说就是让其中一个按钮成为用户的视觉重心,常见的形式是颜色的深浅,或者阴影程度等。 描述性标签 页面设计到按钮这些细节时,要考虑到的是按钮不仅仅是给用户作出某个选择,而是要帮助他们更快地进…

    2022年6月25日
    0132
  • 为网站增强活跃的气氛 分享一波超酷的几何图形网页设计案例

    大同小异的设计是不是让你常常感到视觉疲劳?俗话讲,细节决定成败!没有人会对沉闷的设计产生兴趣,因此若能在网页设计中适当地融入些几何图形,刚好能在增强视觉体验的同时,营造出活跃的氛围。今天,Inspirr将为大…

    2022年6月20日 建站资讯
    0278
  • 教你浅谈网页设计中的简约之美。

    随着网页技能的不断发展,网页设计的趋势也在改变。扁平化、响应性、视觉滚动差、卡牌等给设计师带来了更多的展示空间。简约设计以其简洁、直观、轻便、优雅的特点,越来越受到设计师和人们爱好的追捧。 那么什么是…

    2023年6月17日
    00
  • 进行网页设计的时候应该注意什么?

    在浏览网页已经成为大家生活中一个轻松平常的事情,因为利用便捷的互联网就能了解到各个行业的信息。 那么大家是如何进行网页设计的呢?在进行网页设计的时候需要注意怎样的问题呢? 首先对于很多人来讲网页设计很…

    2019年8月20日
    0196
  • 不容忽视的指标 网站SEO优化中如何降低跳出率

    网站SEO优化过程中,跳出率是是一个较为神秘且不容忽视的指标之一,其存在的目的主要是给站长们能了解站点整体用户的体验。很多站长认为,高跳出率就说明网站用户体验差。当然,也有些情况是即使跳出率高,但也可以…

    2019年1月21日
    0112
  • 细节乾货:表单建设需注意的2个方面

    选框勾选框也表单页面设计最为常见,多用於需要用户进行选择的项目当中。用户根据自身情况进行选择勾选,因此要保证每个勾选框在列表当中都是独立的,再者是用户勾上某个选择之後不会取消其他的选项。再者,做好能…

    2022年6月25日
    0110
  • 网页设计技巧:如何让你的网页设计更有时代感

    设计总是在不断变化,每隔一段时间我们就会看到与以往有所不同的设计趋势。而身为设计师,在进行网页设计时就需要善用这些流行设计趋势,让网站更容易被注意到,甚至被喜爱。 网页设计技巧 而到了2020年,我们会注…

    2022年6月25日 建站资讯
    0128
  • 网上商店的首页尺寸一般是多少?

    问题: 最近要接手家姐的网上商店,想整体装修一下网店的设计,但不知道做首页设计有什麽规律?还想了解一下网上商店的首页尺寸是多少? Inspirr Creation 解答: 一般来说,顾客第一眼看到的页面局域就叫做首页,其…

    2022年6月25日
    0165

联系我们

QQ:951076433

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