『设计智造』APP引导页的用户体验设计！( 二 )
文章图片
②清晰的图形化表达 。 相比于干巴巴的文字 ， 图形更容易吸引人们的注意力 。 事实上大部分的信息引导页都是采用图形结合文字的表达形式 ， 这样的表达形式更直观、更易于理解和记忆 。 在应用图形元素时 ， 应该注意使用形象具体、简单易懂的图形 ， 确保图形所传递出来的信息是非常明确和易于识别的 。
文章图片
③有效的视觉引导 。 包括两个部分：视觉焦点和视线引导 。
■在信息引导页中 ， 视觉焦点应该是非常突出的 ， 并且最好是一个页面只有一个视觉焦点 。 设计引导页时需要充分考虑到视觉元素的布局大小比例、层次等,通过对视觉元素的排布和处理 ， 确保用户能够在第一时间关注到视觉焦点 ， 感知到引导页所要传达的核心信息 。
文章图片
■隐喻的视线引导主要是应用于当前一些连贯性的APP引导页设计中 。 尤其是在引导页的交互方式和大多数引导页采用的左右滑屏切换的方式不同时 ， 就更加需要有隐喻的视觉引导来指引用户进行操作 。 这样的视线引导能够提升引导页的连贯性体验 ， 让用户认知和操作的过程更加流畅 。
文章图片
文章图片
引导页的设计不能够脱离于应用整体的产品特性、品牌特征和设计风格 ， 而应该是统一且具有延续性的 ， 例如：在引导页设计中采用与APP统一的设计风格、交互特点、视觉风格、界面元素或是体现出APP本身的品牌特质 。
文章图片
文章图片
过于复杂的交互方式 ， 会增加用户的学习成本 ， 让用户感觉无从下手 。 目前大部分APP引导页的交互方式基本是左右滑动和点按的方式 ， 这样的交互方式对于用户而言具有学习成本较低 ， 效率更高的优点 ， 大部分用户都习惯于这样的交互方式 。
文章图片
但是这样千篇一律的交互方式也容易让用户感到乏味 ， 没有新奇感 ， 难以吸引他们的注意力 。 在APP引导页设计过程中 ， 我们可以尝试 ， 改变左右滑动的固定交互方式 ， 设计一些新颖有趣的交互方式来吸引用户的注意力 ， 激发用户的好奇心 。 前提是要保证交互方式的学习成本足够低 。
文章图片
文章图片
当前大多数的移动App引导页都采用图文结合的方式 ， 相比于静态的图片展现 ， 动态内容更容易吸引用户的注意力 。 设计APP引导页时可以尝试在页面中增加一些动效元素 ， 吸引用户的注意力 ， 包括引导页内容本身的表现形式以及屏与屏之间的切换动效 。
文章图片
除了在引导页中融入动效元素之外 ， 我们同样可以探索应用一些新颖的表现形式 ， 例如：视频、动画、声音等方式也是值得设计师进行思考和尝试的 。 通过一些新的表现形式,融入其他感官体验 ， 带给用户不一样的感受 ， 让引导页更具有趣味性 。
文章图片
【『设计智造』APP引导页的用户体验设计！】好的设计往往是以小见大的 ， 在细节处彰显情怀 。 好的体验也是由每一个细微的感受构成的 ， 引导页虽然是整个APP中很小的一部分 ， 但它也是APP整体体验的一部分 ， 影响着用户对产品的第一印象 。 设计师引导页时应该铭记引导页的作用和目的 ， 根据不同的设计目标 ， 选择合适的引导页表现形式 。
推荐阅读
- 西安高新区“云路演”举行 清科沙丘创业中心、项目工场APP助力多领域企业融资
- 【军武次位面】这款国产火箭炮性能优秀，模块化设计功能丰富，足以让导弹失业
- 索尼■微软新Xbox太强所致？消息称索尼将重新设计PS5并推迟发售
- 【全球体育APP】有志气！卡帅跟老友聊天戏言未来能执教皇马，已做好回欧洲的准备，原创
- 「汽车头条APP」罗永浩直播首秀真该去卖车
- 「快科技」小米全面屏电视Pro 75英寸亮相：4K全面屏设计 5999元
- 由我随行：一款让车主每天快乐相伴的APP
- 华为云与计算再获殊荣，Atlas 900荣膺工业设计界“奥斯卡”红点奖
- [泡泡网]12还有厚下巴，早资讯：魅族17背部或为防爆盾设计；更丑！iPhone
- 「育儿小手册」将于清明节上线，云中君和瑶要出情侣款6元皮肤？设计主题很独特