每个APP都有个人中心页,大部分UI设计师设计app个人中心页时,往往大都是以弱化、简化的方式去做。只关注该部分的共同点,忽略本产品的差异性。因此,往往抓不住中心思维,导致app个人中心页十分混乱,用户使用体验感差、用户留存率受到影响。

APP个人中心界面

1. app个人中心页存在的意义

app个人中心页设计是个人信息和功能的集合入口,通常叫“我的”,只有用户自己能看到。主要由个人信息区和功能入口组成,个人中心的流量仅次于首页。用户使用软件功能时,除其他tab亮点功能外,修改编辑个人信息、查看线上行为信息、设置app通用功能、掌握线上活动、商城订单、联系平台方等等都需要通过个人中心tab进行。

2. app个人中心页设计思考

app个人中心页设计的功能点分析、逻辑交互、分布排列、对比总结等,对于UI设计师来说,和产品分析同样重要。这里包括为五大部分:前期思考、制定目标、全局考量、数据验证和总结思考。在面对不同产品时,为了更快适应市场,不断的改进总结对产品的思维方式,是进步的最佳路径。

2.1 前期思考

主要从四大方面入手:分析用户、功能信息、竞品分析和行业经验。

  • 分析用户:所有产品设计都是以用户为核心。包括前期市场调研数据分析、用户期望产品效果总结、目前行业数据和市场容量等范围类信息。用户群体的年龄、职业、收入、性别等具体化信息,都会成为设计素材融入app个人中心页。这里只为了产品设计更贴切市场,服务于目标用户。

  • 功能信息:了解产品背景、运作方式,掌握所有功能点。

  • 竞品分析:帮助判断该产品/服务在市场中是否已经被实现?市场表现如何?从而明确如何打造产品差异化的竞争力。

  • 行业经验:从横向和纵向了解行业,达到与专业领域挂钩,设计才会更容易被市场接受。

个人中心界面ui

2.2 制定目标

以提供用户价值为目的导向,做商业和产品引导。例如:B站顶部常用信息外,开通会员做了强化导向,用户浏览痕迹和创作中心作为主要数据核心展示。这个阶段要制定出产品的商业目标及变现方式,如何引导用户完成目标。

2.3 全局考量

拆分产品功能点做量化分类,在此基础上根据商业性质考量和个性化创意进行app个人中心页设计。例如:下图的app个人中心页设计上,功能点的量化处理就十分明显。

  • 登陆前:利用新人礼包的标签,以7天vip领取、vip会员卡片去引导用户

  • 登陆后:出现等级、积分领取、弹窗,包括会员卡片信息都发生变化,做黏性处理和引导。

个人中心界面ui

2.4 数据验证

此阶段要利用数据进行分析,需要做用户体验质量衡量/结果评估。它包含愉悦度、参与度、留存率、接受率、任务完成率这5个重要指标,可通过监控每种类型下更详细的指标看出结果。一般产品研发上线前,会根据功能需求进行埋点采集数据,准确分析用户的线上行为。

2.5 总结思考

app个人中心页设计完成后,设计师需要全局总结,主要包括以下几个方面:

  • 产品需求实现程度

  • 用户满意度

  • 设计创意

  • 功能分类

  • 产品服务的市场价值

从这5大方面分析app个人中心页设计稿的使用价值就可以很全面了。

3. app个人中心页设计原则

不同行业和受众的产品,个人中心设计的风格不同。但“高效+简单+特色”,是不可或缺的三大要素。比如 电商类APP,用户留存和转化才是关键,因此积分兑红包、下单有礼、天猫超市卡等采用了 banner图片 的方式来进行突出,目的是用更多优惠信息来提升用户留存率。金融类APP,用户参与度和黏度是重点。因此,一般会采用签到打卡、任务管理等交互内容来提高用户日活。个人中心的页面设计不单单是功能点的堆砌,更是对设计师把控全局能力的考验。针对不同的需求,页面设计的方式是百变的。但是优先级的展示、弱化功能的排列,一定有其规律性。

4. APP界面设计软件Pixso

Pixso是国内 UI/UX 设计师和产品经理都在使用的专业app个人中心页设计工具,大量内置iOS、Android设计系统资源,能帮助快速启动设计工作。

pixso

Pixso社区——内置腾讯、阿里、字节、今日头条、蚂蚁设计等优秀设计规范,提供海量设计模板和素材,本地化字体资源。

设计协作——Pixso实现了团队所有人都能在同一个文档上工作,原型、设计、交付一站式解决,引领新的设计协作趋势。

在线评论反馈——你可以在线/离线演示你的设计并获得即时反馈。此外,你可以一键轻松共享。

设计交付——Pixso 自动提供规格参数和多平台代码,只需分享一个链接,就能把文件交付出去,提高设计到开发工作流程的速度。

云同步——Pixso 支持设计师在任意浏览器完成所有工作,同步更新修改内容,有助于提高效率并确保数据安全和恢复。

团队协作——团队成员可以协作查看、编辑和同步同一项目的信息,支持UI/UX设计师实时异地完成创作和沟通。