发布时间:2021-10-9 分类: 行业资讯
本文是最近UEG内部分享会议的设计师演讲主题。我觉得最近已经完成了一些B面项目,以及设计师信息结构的一些想法......不足之处,请交流指导。
有时我们在执行项目的过程中经常会遇到以下两个问题:1。为什么线路上的界面需要在短时间内更改,有时甚至会被推翻? 2.为什么你总能感受到原型的含义?不舒服的地方?
此时,页面的信息架构很可能出现问题!任何产品都有简单或复杂的信息结构......信息架构是产品的骨架。
下面我们从两个维度分析信息架构的级别:第一,纬度和经度这个维度除了产品架构的权重。 To C体验的一般服务API是轻型架构,ToB重型功能基础是重型架构。
轻型架构产品简单明了,不给用户带来太多学习成本,可用高效,优点轻松愉快,可被用户感知;重型建筑产品更加严谨,具有一定的学习成本。用户组更专注。优点是交互结构是完整的。缺点是设计师需要提高整体水平。
二,引导范围此分类基于用户的使用场景和用户的目的。
主要分为面向任务和面向浏览器:面向任务的产品,如我们的ToB产品招聘宝业务,快速完成任务的需求较高,如果在这个过程中用户需要依赖浏览,依靠猜测时产品功能完成任务,必然会引起用户的不喜欢,进而降低产品使用率。
面向浏览的产品,如虾音乐,微信,ToC等产品,如果不是面向任务的话,很可能是用户很无聊,当需要进入时,所使用的场景都是零散的,所以内容丰富度要求它会相对较高。
以下是该公司广告拍卖平台的设计经验——招客宝,详细描述如何组织信息以及如何设计信息架构?
Merchants Bao业务是今年Tuniu推出的新广告空间推广平台。其目标用户主要面向产品经理或供应商。在早期阶段,我们按功能分类对内容进行分类,了解用户的移动线,并总结了三个相对独立的信息单元:竞价,货架和促销。
如何理清这三个模块的结构?该方法的方法具有自上而下(基于决策的功能组合)和自下而上(内容集成功能组合)。在实际的项目过程中,这两种方法一般是一起使用的,既可以决定大脑头部的老板功能,也可以是用户在研究肖像后产生的功能,具体位置以及产品的逻辑流程商业。有关。
以下是我们作为招聘人员列出的简单流程:Step1。结合主要过程的信息架构过程在后台设计中是不可或缺的,因为好的后台必须有一个好的反馈机制,如果设计师没有找出用户的使用过程,那里应该有一个错误的提醒,应该在哪里跳出指令提示这些交互无法完成,因此在设计背景和产品经理中详细确定每个步骤的过程。招募宝贝产品作为一种重型架构任务导向产品,用户角色高度专业化,他们往往有明确的目的找到他们想要的功能模块,因此如何有效地完成操作任务是我们需要注意的问题。 。
第2步。视觉布局和信息结构划分时,下一步是视觉布局。 1)可视运动指南主页我们根据框架系统(左)绘制主页的草图,其次,设置960网格系统以确定每个模块的位置和大小(右)。在设计模块的功能布局时,我们根据从左到右,从上到下的视觉运动原理划分功能模块的主要和次要。
下图显示了适用于不同类别网页布局的不同视线。主流视图通常是适用于基于内容的网页的F型布局,例如之前制作的评估页面;
Z形布局更适合这种以文本为中心的网页(例如本项目的主页)。视线提示:1。用户不读取整个页面,只扫描2.前两段/标题应传达最重要的信息。
2)简化表单操作。对于更依赖于外形的B端产品,例如运动鞋,这种形式在整体设计中也是必不可少的。在之前的项目中,我们已经或多或少地暴露了表单的设计,一个好的表单应该尽量减少很多引人注目的视觉元素,因为这会妨碍用户对表单问题的理解,所以在这个项目中,我们建议每页只有一件事。
在设计长笛分销平台的应用程序设计的16年中,我们设计了一个计算表格,这是一种结合了检查表格类型的多步骤表格。 (图1下方)将选择团体期间,旅行价格的数量。它们都包含在弹出页面的手风琴面板中。 (下面的图2)是一个长页面,其中包括团,细节和价格的详细信息。提供,联系信息,访客信息等,一旦用户填写了错误的数据,就会出现这种长形式。很难发现变化也很困难,因此分成几个步骤将是一个好方法。
因此在应用于招聘平台的设计时实际遇到了登录方案。由于招聘人员的用户比较特殊,需要添加选择用户身份的过程;在最初的原型中,项目经理打算在一个界面中登录两种类型的身份,但身份1产品经理使用用户名和密码登录,而身份2提供者链接到NBooking登录页面登录,这是两种完全不同的交互模式。在此登录表单中,您应该只包含少量信息输入:用户名,密码,操作按钮,密码帮助等。经过讨论,简化了操作过程,最后决定将登录分为两个步骤:第一步只解决标识,第二步根据标识选择不同的登录页面。
(图2是产品经理登录的界面)
(表单设计中的操作优化)
第三步。构建规范完成界面设计后,界面中的控件将被提取并生成组件表。不仅可以在视觉上保持相同的控制尺寸和样式,而且还可以平台的第二阶段的功能扩展和设计者之间的有效通信。它还可以为后续业务开发创建统一的品牌音调。
简介:当设计师完成产品设计项目时,他可以回顾产品信息架构。你做了什么样的创新,调整等,它产生了什么价值?
不要只是坚持界面元素的规范和设计细节的问题。
因为信息架构是设计整体情况的最佳做法。