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

相关推荐

  • 视差特效的5种运用技巧

    视差特效是目前最流行的网页设计趋势之一,它可以运用在绝大多数类型的网站当中,是增强用户参与度,提升用户体验的有效手段之一。视差特效并不需要硬性运用都每个页面中,同时还能促使用户更加专注网页内容,提升…

    2022年6月25日 建站资讯
    0206
  • 网页设计师的角色安排。

    网络上到处都是对自由网页设计师的建议,虽然这往往是善意的,却会产生意想不到的结果。它能使我们相信我们需要达到完美才能成功。但无论我们给予或接受多少好的建议,没有人是完美的,我们都会犯错。有时候,我们…

    2023年2月21日 SEO操作
    00
  • 网页设计技巧:常见的排版布局分割技巧

    随着各种各样风格的网站不断出现,网页布局已不必再拘泥於固定格式。大多数网站都会把内容安排到多个列中,想杂志或报纸那样,当然也有不少搞个性化,创出新意。但无论选择哪种布局方式,都不能够忽视页面的用户体…

    2022年6月25日 建站资讯
    0761
  • 什麽是摄影机和灯光图层?

    图层菜单是界面设计必须使用的部分之一,以下则要简单讲述以下什麽是摄影机图层,什麽是灯光图层: •摄影机图层:要求必须在三维合成空间中,就好比一个虚拟的摄像机,代替了合成中默认的视角。可以根据界面设计项…

    2022年6月25日
    0217
  • APP设计案例参考:如何为品牌APP制定一套合适的配色方案

    当用户在使用某APP时,首先会注意到的就是产品的视觉表现,特别是产品的配色方案。 换句话说,APP的配色方案将会直接影响着用户在使用产品时的情感。如果品牌对色彩的运用不加以克制,介面就会显得花俏而缺少层次;…

    2022年6月21日 建站资讯
    0518
  • 小编分享浅析:网页设计中常见的5大问题。

    网页设计已经走了很长的一段路。 但是这些一贯的问题依然存现代设计模式和美学改变,但潜在的用户需求保持不变。 用户仍然需要查找信息,能够阅读信息,并知道要点击的内容以及它所在的位置。1.想不到内容的位置人…

    2023年6月10日
    00
  • 今日分享html之前的版本号。

    HTML5是超文本标记语言(HyperText Markup Language)的第五个主要版本,它于2014年被万维网联盟(W3C)正式批准发布,在此之前的HTML版本主要有四个主要的迭代版本: 1. HTML 1.0 (1991年) 在1991年,Tim Berners-…

    2024年7月4日
    00
  • 哪种网站结构布局对SEO有利

    网站内部结构优化对网站建设起到计划和指导的作用,对网站的内容维护、後期SEO起到关键作用。网站结构是一个网站的核心,如果从搜索引擎最优化开始没有考虑进去,长远的发展必定会让站长朋友手足无措。好了下面进入…

    2022年6月17日
    0135

联系我们

QQ:951076433

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