不同设备屏幕下的UI界面设计应注意什么

设计营销   2022-02-23

不同设备屏幕下的UI界面设计也有着不同的设计技巧,一个好的多级菜单应该通过以清晰、直观的方式呈现信息,让用户快速到达他们需要去的地方,下面我们介绍一些主要的设计技巧。

1、使用不超过两级的子菜单
任何超过两个级别的子菜单都可能使用户感到困惑和不知所措。保持导航相对平坦可以提高用户的可查找性,并减少记住他们所在位置的认知负担。如果站点的页面结构很深,请考虑在密切相关的页面顶部添加本地导航菜单。


2、用图标标记子菜单
通过始终明确何时有可用的子菜单来管理用户的期望。熟悉的选择包括一个小的向下角图标或一个三角形图标。此外,请考虑在子菜单打开时翻转指针图标。

3、直观地组织信息
确保信息的层次结构与用户的心理模型一致。例如,在电子商务网站上,考虑购物者是否更有可能期望商品按品牌或商品类型进行组织。如果用户点击“鞋子”类别,他们会期望子菜单显示运动鞋、凉鞋和靴子的选项吗?或者他们会期望看到一个子菜单列出商店销售的每个品牌的鞋子吗?查看您的用户研究和竞争对手研究将澄清这一点。

4、保持文案简单
菜单不是聪明的文字游戏的地方;确保链接标签具有强烈的信息气味。这意味着保持标签名称简单明了且具有描述性,以便用户在点击时立即知道他们会找到什么,文案越清晰,用户就会越快找到他们需要的东西。

5、确保用户始终知道他们在哪里
始终突出显示与用户所在页面相对应的主菜单上的链接。如果当前页面在子菜单中,请在主菜单上突出显示子菜单链接和父项。例如,如果有人使用政府网站更新驾照,从主菜单上的“居民”链接导航到子菜单上的“驾驶员服务”链接,然后导航到带有更新表格的页面,“居民”和“司机服务”链接将保持突出显示。

6、使点击和点击变得容易
为了让有精细运动控制障碍的用户可以访问该菜单,请遵循相应的产品设计规范指南,并将可点击元素的大小设置为至少 48 x 48 像素。

7、优先考虑可读性
使用简单的无衬线字体并确保项目周围有足够的间距以避免混乱。确保背景足够不透明,可以遮挡菜单后面的任何内容。但不要忽视网站的整体品牌,虽然可读性是第一位的,但请确保菜单的样式与网站的其他外观和感觉相得益彰。

以上就是关于不同屏幕尺寸下的一些设计小技巧,我们在做UI界面设计的时候需要掌握和合理运用一些技巧到作品中,久而久之就可以融入到自己或团队的设计风格里。


维好维可-用户体验体验创新设计
合作咨询
+86-21-51115850
© 2010-2024  维好维可 | 用户体验创新设计公司
沪ICP备19006116号-1

联系我们,开启一场关于您项目的讨论会吧。

联系电话:
+86-21-51115850
商务邮箱:
hi@wellworks.cn
复制
公司地址:
上海市松江区茸阳路69号(百原PARK)贰号楼2楼

©2010-2024 维好维可 | 用户体验创新设计公司-版权所有

沪ICP备19006116号-1

需求留言 + 获取方案

提交信息后,我们的专属顾问会在1个工作日内与您联系。

怎么称呼?
您的手机?
您的邮箱?
您的需求?
维好维可-微信二维码