首页

移动端设计心得:用户体验的20条总结

鹤鹤

网络上大量复制粘贴和长篇大论的移动用户体验设计文章,是否让你感到不适?
朋友,我们也感同身受。直奔主题。接下来,我们将基本的移动设计规则整合在一起。收藏这篇文章,每次开始设计新的移动 APP 或 WEB 时,可以作为检视清单使用。
我们有哪些规则可以帮助初学者设计出一流的移动用户体验。
规则 1:
不要放弃端到端的研究
即使我们已经为某一特定业务领域设计了数十个项目,每一次设计都应进行深入的市场调研。
在设计版面之前,有必要绘制客户画像和相应的用户流程图。能够最大程度的确保直观性。
移动端设计心得:用户体验的20条总结
 
 
FlowMapp 工具可以帮助你做到这一点。
规则 2:
要专注于最核心的功能
用户体验的独特性并不等同于多样性。我们的意思是,许多用户体验设计师为了创造可识别的东西,会在用户界面上添加不必要的功能。
这样一来,用户界面使用门槛也就会提高,初学者也很难直观地适应使用。记住,极简主义是你最好的朋友。
规则 3:
要积极探索项目的技术栈
当 AMP 和 PWA 等移动概念出现时,重要的是要明白这也应反映在用户界面设计中。例如,在第一种情况下,你可以不受限制地使用 CSS3。至于第二种情况,你就必须考虑推送通知和用户设备硬件的使用场景。
移动端设计心得:用户体验的20条总结
 
 
规则 4:
为主要元素提供直观的导航
不要忘记,即使是功能极其简约的界面,初学者也很难浏览。因此,我们建议留下额外的提示,鼓励用户为实现目标采取下一步行动。
移动端设计心得:用户体验的20条总结
 
 
否则,对于那些不想花大量时间阅读手册的用户来说,你的解决方案可能毫无用处。
规则 5:
为触摸屏提供最佳用户体验
尽管人类使用触摸屏与移动应用程序进行交互已有十多年的历史,但创建界面的一些原则仍然过时。例如,一些设计者仍然在设计导航按钮,而不是通过模拟纸张翻页来方便地进行轻扫。这种解决方案并不方便。
移动端设计心得:用户体验的20条总结
 
 
规则 6:
注意排版
设计移动app或网站的风格当然很好。同时,这也不能成为忽视阅读文字说明便利性的理由。
移动端设计心得:用户体验的20条总结
 
 
因此,在进行花哨的设计、使用非标准字体和文本块布局之前,请考虑这一切是否会提高用户的进入门槛。
规则 7:
提供无缝反馈
在创建界面时,应使其对用户的任何操作做出某种反应。这将帮助他们了解自己是否在实现目标操作的道路上前进。相反,缺乏反馈会让一些用户感到困惑。
移动端设计心得:用户体验的20条总结
 
 
规则 8:
消除定期打字的需要
不断需要用户输入的情况不太可能对你有利。有时只是不方便,有时则非常烦人。无论用户的最终反应如何,请记住输入字段越少越好。
规则 9:
提供多设备用户体验
一个特定设计方案的成功与否,不太可能通过几个焦点小组代表的评论来评估。相反,最好借助专门的模拟器进行测试,这种模拟器不仅能重复不同目标受众群体的典型步骤,还能模拟他们在不同设备上的操作。
FlowMapp 用户流程工具,用于规划出色的用户体验
FlowMapp 用户流程工具,用于规划出色的用户体验
 
规则 10:
不要忘记实时测试
除了在模拟器上进行测试外,在目标受众的现场代表上进行测试也很重要。通过这种方式,您可以获得有用的反馈(当然,除了多设备测试之外),然后您可以使用这些反馈来优化现有模板。
格列布·库兹涅佐夫(Gleb Kuznetsov✈),简洁的网站设计
格列布·库兹涅佐夫(Gleb Kuznetsov✈),简洁的网站设计
 
规则 11:
创建一个时尚的启动画面
很显然,由于闪屏是用户第一次使用应用程序或网站时的 "第一印象",因此必须考虑让它看起来很酷。例如,可以借助丰富多彩的原创动画来实现这一点。
移动端设计心得:用户体验的20条总结
 
 
规则 12:
尽量减少注册步骤的数量
与其从头开始考虑注册应用程序或网站的步骤,不如使用每个用户都熟悉的成熟方法。例如,你可以通过社交网络或 Gmail 邀请用户注册。
规则 13:不要查阅个人数据,发送大量消息轰炸用户
虽然如今软件开发人员都在大力践行 GDPR,但重要的是要明白黄金分割点在哪里。因此,下次在设计使用个人数据的用户界面布局时,请考虑一下:也许只有在开始使用应用程序或网站时才要求访问权限是合理的。
移动端设计心得:用户体验的20条总结
 
 
规则 14:
考虑跨平台
事实上,不同平台的接口实现在视觉上不应该有太大差别,这一点显而易见。只是在为不同平台提供两种独立解决方案时,如何实现这一点就不清楚了。因此,最好是同时为所有平台创建一个通用设计。
规则 15:
即使消极也要保持积极的语气
使用创建的界面所带来的积极结果之外,考虑当某些功能无法使用或出错时,消极结果也非常重要。即使潜在用户被迫卸载你的移动APP,用户也可以收到一个令人放心的通知。科技公司的团队绝对热爱他们的所有用户。
规则 16:
为用户提供即时付款
如果你的应用程序或网站属于电子商务领域,你几乎想不到比实现即时支付更好的办法了。瞧!从更新的第一天起,你的用户就会开始进行更多的购买。
规则 17:
记住安全性
有时,设计会造成安全漏洞,从考虑不周的登录表单到生物识别技术,不一而足。不要再把责任全部推给开发人员!想想如果你是黑客,你会如何入侵你的应用程序或网站,并在设计模型时尽量避免这些情况。
移动端设计心得:用户体验的20条总结
 
 
规则 18:首选文本指示器
你是否注意到,一些指示用户需要做什么的图标看起来模棱两可?因此,在可能的情况下,最好使用文字进度指示器。
规则 19:平衡推送通知的数量
为了确保后台用户互动,一些开发人员开始滥用弹出消息。结果,用户很快就会感到厌烦。在这种情况下,自然也就谈不上什么高级用户体验了。
规则 20:
提供顶级个性化
为用户提供足够的选项,使其能够根据个人需要调整界面。基本设置包括字体大小和类型、主题、音效等。因此,你将很快看到目标受众对您的项目的忠诚度会如何提高。
移动端设计心得:用户体验的20条总结
 
结论
亲爱的朋友,希望我们已经帮助你了解了移动设计的基础知识,现在你已经步入正轨。祝你好运


作者:三分设
链接:https://www.zcool.com.cn/article/ZMTYzOTQ1Mg==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

APP优秀案例设计思维

鹤鹤

设计能力的强弱取决于设计思维,技能操作层面的不足可以通过反复训练,在短时间内即可弥补;而设计思维需要通过长时间的熏陶,还要找对学习的方法和途径。很多设计师工作五年甚至十年,但是设计能力依然比较普通,很大程度上还是设计思维能力的缺失。
 
我们也可以通过体验和分析优秀的案例来提升,学习优秀设计师的设计思路和处理技巧,以此来强化自我专业思维。今天黑马哥继续给大家分享一些优秀的设计案例,希望可以助力提高大家的设计思维。
为什么我没有这样的设计思维呢?
 
 
 
 
体验目录
 
一、不一样的返回设计
二、可以切换大小的设计布局
三、做减法的设计表达
四、品牌动态渲染春节氛围
五、品牌插画表现界面置底
六、动态刷新红包设计
七、涂鸦风格的流程设计
八、情感化闪屏设计
九、图标设计的翻转动效
十、蛇年主题图标设计
 
 
 
一、不一样的返回设计
 
进入层级界面可以通过返回回到上一级操作场景,通常都是以箭头图标、返回文字组合设计或者独立设计。
 
最近在体验喵喵记账 App 时,其返回设计以“门”作为创意元素,进入层级界面时门会打开,点击返回时会有关门的动作。以开关门的方式表达进入和返回状态,形象化的表达了不一样的返回设计,呈现出不同的设计解决方案。
为什么我没有这样的设计思维呢?
 
 
 
 
二、可以切换大小的设计布局
 
为了满足更多用户的体验需求,设计布局的灵活性变得越来越重要,需要提供多种选择便于操作。
 
在藏书馆 App 中,针对书库分类的展示设计,用户可以通过点击切换呈现不同大小的样式。文字和书籍封面图都会随着切换而缩放,方便满足不同用户的浏览需求,提升用户对产品的操作体验度。
为什么我没有这样的设计思维呢?
 
 
 
 
三、做减法的设计表达
 
随着互联网环境的发展,提供给大家的产品选择越来越丰富,而产品设计也从最初的功能性服务扩展到综合性服务。功能变得越来越多,商业氛围也十分浓厚,有种眼花缭乱的感觉。
 
最近在使用美团外卖柜小程序时,其简约的设计印象深刻。存取功能一目了然,没有多余的设计干扰体验,操作指引也是简单易懂。有时候减法的设计才是最好的用户体验,与其布局一堆功能或者服务,反而增加了用户的操作成本。
为什么我没有这样的设计思维呢?
 
 
 
 
四、品牌动态渲染春节氛围
 
春节氛围感营造对于品牌来说至关重要,是渲染春节主题和增强用户亲和力的关键,营造方式也是丰富多样。
 
其中夸克 App 通过品牌 LOGO 结合春节主题进行动态设计,不仅突出春节氛围,动效过渡也非常流畅。夸克经常会以品牌动态化的形式表现节日或者特殊活动主题,设计融合性处理得十分细致。
为什么我没有这样的设计思维呢?
 
 
 
 
五、品牌插画表现界面置底
 
界面设计过程中,对于到达底部的处理方式通常有品牌表达、公司名称、版权信息、情感化内容表达等。
 
最近在体验我要做计划 App 时,界面设计底部以品牌 IP 形式的插画进行表达,不仅符合整体设计风格,也使得界面设计更有趣味性。整个产品设计也以插画风格为主,是一个很有个性化的产品。
为什么我没有这样的设计思维呢?
 
 
 
 
六、动态刷新红包设计
 
结合刷新设计赋予更多功能或者服务,已经成为二层楼设计的首选。
 
最近在体验美团外卖时,首页下拉刷新会出现红包样式的动效表达,随着下拉的程度不同,红包金额会随之增加或者减少。动态刷新红包设计更能吸引用户继续体验,进而进入二层楼参与活动,趣味性的表达方式很有吸引力,也以此方式促进了用户参与感。
为什么我没有这样的设计思维呢?
 
 
为什么我没有这样的设计思维呢?
 
 
 
 
七、涂鸦风格的流程设计
 
随着同质化设计的现象,产品设计也在不断尝试更具差异化的风格。结合插画风格表达界面设计,变得越来越普及。
 
在我要做计划 App 设计中,整体风格以涂鸦插画风为主,完善做计划流程设计也以涂鸦风格进行设计。不仅风格特征更突出,也能吸引用户的关注度,促进完善计划流程。
为什么我没有这样的设计思维呢?
 
 
 
 
八、情感化闪屏设计
 
闪屏设计分为品牌感方向和营销广告等方向,其中闪屏广告较为常见,不过也有品牌启动页和闪屏广告相结合的方式。
 
闪屏设计的形式也非常多样,其中情感化的方向以 IP 形象和情感故事性插画为主。比如喜马拉雅闪屏设计便以 IP 形象的各种动态化形式呈现,画面非固定表达形式,每次重新打开都会有所不同,IP 动态也非常俏皮可爱。
为什么我没有这样的设计思维呢?
 
 
 
 
九、图标设计的翻转动效
 
图标动效的运用非常普及,以往见过的案例都是动效的形式表达图标的不同形式感,但是图标的含义不会受到影响。
 
最近在体验盒马 App 时,首页金刚区图标以翻转动效进行表达,既突出春节氛围也赋予图标两层含义。在保留图标本身功能含义的同时,通过翻转另一面表达出不同的意思,也是一个新的图标动效表达思维。
为什么我没有这样的设计思维呢?
 
 
 
 
十、蛇年主题图标设计
 
蛇年春节主题设计在产品中的运用很丰富,其中在图标设计中的运用是最普遍的,广泛运用于应用图标、金刚区图标、底部标签栏图标和其他功能图标等。
 
图标设计的运用形式很多,比如蛇年主题文案嵌入、生肖蛇相关元素设计、春节元素设计等。表现形式以立体质感居多,配色以突出春节氛围为主。
为什么我没有这样的设计思维呢?
 
 
小结
 
设计思维除了依靠自身专业基础以外,通过不断学习分析优秀的案例也能不断提升,希望本期的案例分享可以带给大家更多灵感。


作者:黑马青年
链接:https://www.zcool.com.cn/article/ZMTY1MDc0OA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

UI设计如何突出气象APP的主要功能和特点?

蓝蓝设计的小编

通过精心的 UI 设计,从布局、数据展示、个性化定制、交互反馈到色彩搭配等多个方面入手,可以有效地突出气象 APP 的主要功能和特点,为用户打造一个功能强大、操作便捷、视觉舒适且个性化的气象信息服务平台,在竞争激烈的市场中脱颖而出,赢得用户的青睐与信任。

UI 妙笔著风云:兰亭妙微创新气象 APP 视觉华章

蓝蓝设计的小编

UI 设计公司兰亭妙微凭借其在色彩运用、图标设计、布局规划、动效设计以及个性化定制等方面的创新与突破,为气象 APP 打造了一个令人惊艳的视觉界面。这不仅提升了气象 APP 的用户体验与竞争力,也让用户在获取气象信息的过程中,能够感受到科技与艺术完美融合所带来的魅力与便捷。在未来的发展中,相信兰亭妙微将继续以其 UI 妙笔,在气象 APP 设计领域书写更加辉煌的篇章,为人们的气象生活带来更多的精彩与惊喜。

UI 设计公司兰亭妙微分享:创新 APP 界面设计引领潮流

蓝蓝设计的小编

UI 设计公司兰亭妙微凭借其以用户为中心的设计理念、创新的视觉与交互设计、响应式设计策略以及对新兴技术的积极融合,在 APP 界面设计领域不断创新,引领着潮流的发展。在未来,随着技术的不断进步和用户需求的持续演变,兰亭妙微将继续砥砺前行,为打造更多优秀的 APP 界面而努力,为用户带来更加卓越的数字化体验。

小程序尺寸 ,一篇搞定!

蓝蓝设计的小编

用 736 这个高也和兼容小屏幕有关就不展开了,且小程序在电脑端也可以使用响应式的适配,只是这个需求实在太少,所以也不在这里多做介绍,感兴趣的可以自己研究官方规范。

最后,我自己当 AI 做总结

小程序使用 rpx 作为宽度单位

移动端小程序使用 750rpx 渲染

rpx 长度是移动端屏幕的 1/750

小程序适配不同手机屏幕的方式是根据宽度等比缩放

创建小程序设计画布使用 375667 或 375812

小程序在电脑端上会放大成 414*736

UI 设计公司的手机界面创新逻辑

蓝蓝设计的小编

搭建敏锐反馈 “触角”,APP 内置反馈箱、社区论坛设吐槽专版,捕捉实时情绪;定期回访 “回头客”,深挖心境变迁,新功能上线速测满意度。梳理抱怨、建议 “信息流”,分清轻重缓急,为优化校准 “罗盘”。
据此敏捷迭代,小修小补周更除卡顿、视觉瑕疵 “疥癣”,大改重塑季更适配新潮流、习惯 “蜕变”。伴随用户成长进阶,新手引导从蹒跚学步到健步如飞,对资深用户开放自定义 “百宝箱”,界面随心定制,功能自由调配,确保与用户同频 “共振”,创新之火长燃不熄,于手机界面 “舞台” 续写传奇 “剧本”。
UI 设计公司循洞察为基、视觉为笔、交互为墨、迭代为章的逻辑,在手机界面画布挥毫泼墨,绘就用户心之所向、目之所及的创新盛景,将冰冷屏幕点化成热忱交互 “挚友”,于数字浪潮领航逐新。

UI设计公司如何设计出具有创新性的手机界面?

蓝蓝设计的小编

在手机界面中融入 AR 元素。例如,在相机应用中,用户可以通过 AR 技术将虚拟的物体或信息叠加在现实场景中。在导航应用中,除了传统的地图显示,还可以使用 AR 技术将路线指示直接显示在真实的街道场景上,让用户更直观地找到方向。

【必看】移动端UI设计精髓:提升用户体验的20条实战心得与技巧

蓝蓝设计的小编

用户体验的独特性并不等同于多样性。我们的意思是,许多用户体验设计师为了创造可识别的东西,会在用户界面上添加不必要的功能。这样一来,用户界面使用门槛也就会提高,初学者也很难直观地适应使用。记住,极简主义是你最好的朋友。在进行花哨的设计、使用非标准字体和文本块布局之前,请考虑这一切是否会提高用户的进入门槛。

打造专属UI界面设计指南与策略——优化老年用户体验

蓝蓝小助手

让老年人舒适地使用应用程序并不需要进行太多的额外考虑。一般而言,遵循最佳做法和可用性准则就将有助于使所有用户易于使用产品,无论年龄,身体或认知是否有障碍(与年龄或其他方面有关)。
设计师应在专门针对老年人的应用程序中为老年人考虑更多,例如较大的字体,更直观的界面元素,清晰的措词以及有用的功能提示等,这会提升他们的用户体验。

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档