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

相关推荐

  • 网页设计中的可爱技巧。

    想要把一个网页设计变成"可爱的东西",首先你得试着弄清楚是什么让一件东西变得可爱,而这正是它变得困难的地方。整个概念自然是主观的,这是一种模糊的温暖和模糊的情感,似乎与我们想要微笑的冲动直接…

    2023年2月15日 SEO操作
    02
  • 大厂如何做改版设计?京东云官网视觉升级实战复盘。

    大厂的设计改版流程是怎样的?本文从京东云的视觉改版案例出发,手把手带你认识完整系统的改版流程。一、升级背景京东云官网作为京东云对外唯一官方门户,并承载整个云业务售前及售中的核心渠道,是用户接触京东云…

    2023年3月2日 SEO操作
    09
  • 好的酒店网页设计需要注意哪些要点?用案例突出酒店网页的设计特点

    随着互联网的迅速普及,酒店电子商务也应运而生。然而,相比起其他行业的网站,酒店官网不仅是其在互联网上展示品牌形象的地方,更是为客户提供酒店相关服务的站点,因此酒店网页设计自然是不能马虎的。那麽,好的…

    2022年6月20日 建站资讯
    0231
  • 界面设计可从这三个角度进行优化

    错误提示需有用而友好 不要直接甩给用户“发生错误”这种冷冰冰不顾及用户体验的提示,最好是简洁的解释出错的原因,同时给出有用而友好的纠正提示。 对用户近期的操作记录进行保存 不仅仅是进行保存,还可以对用户近…

    2022年6月16日
    0129
  • 网站的黄金比例三个注意事项

    1、 内容 可以运用黄金比例的螺旋线,以此去决定整个网站建设当中的内容和元素的布局。一般来说,螺旋线最密集的地方就是用户视线比较集中的地方,也就是说要充分利用好这点,将需要突出的内容放置到这些区域当中。…

    2022年6月9日
    0120
  • 折叠屏手机或将大热 如何在折叠屏手机上做交互设计

    最近,不少手机品牌都发布折叠屏手机,它可以把一台8英寸的平板电脑,通过折叠的方式变成方便携带的6英寸手机。而随着折叠屏手机的发布,未来手机形态可能会朝着柔性手机方向发展,那麽,如何在折叠屏手机上做交互…

    2022年6月25日 建站资讯
    0228
  • 网页设计技巧:如何设计出优秀的网页背景

    如何设计出优秀的网页背景?如何选择恰当的网页背景,是众多网页设计师非常头痛的事情。通常网页设计师只要根据准备好的网站内容,便可大致敲定网页的版面布局,然而背景设计却让他们迟迟不敢下手。 好的网页背景不…

    2022年6月25日 建站资讯
    0308
  • 公司网站设计之后如何提高用户访问量?

    现如今,公司网站设计的目的,无非就是为了能够拓展网络业务,更好的文宣和发展公司。但大部分的公司其实对网站还是不具备一定的了解的,只认为网站建成之后就可以带来一定的效益了。那这样的想法也就大错特错了,…

    2019年10月23日
    0183

联系我们

QQ:951076433

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