后台界面信息架构设计

作者: nebula_song | 来源:发表于2015-11-02 12:45 被阅读2807次

选择以信息架构这个点切入本次后台改版,实属无奈。当你看到原版本那一团糟的信息。或许你也会在心里呵呵,而我则碎了一地。。。

原后台界面(为了避嫌,马赛克了一些信息,嘿嘿)

让我捡起碎掉的小心脏,开始踏入梳理后台信息架构的征途。。。

首先~我们是不是应该简单的普及下何为信息架构。

按照《用户体验要素》这本书的解释,它属于结构层范畴,关注的是如何让用户更方便的找到自己想要的信息。说到底就是如何对信息进行“分类”

源自《用户体验要素》
《用户体验要素》结构层-读书笔记

让我们理智的分析下旧版界面里涉及到的信息:

旧版后台涵盖信息

当我们面对这些繁杂的信息时,感到头脑发胀。然而当我们尝试理解后台的定位:一个公司内部人员运营、管理的后台,毕竟不是浏览新闻,而是以快速完成具体任务为前提。比如新建一篇文章,新建一个机构或者康复师。那么其所有的设计出发点就是操作及流程简单,页面结构清晰。沿着这条思路,我们可以将这些信息从以下几个模块整理:

1.用户功能(学校,康复师等管理)

2.内容功能(文章,软件,使用帮助等管理)

3.统计功能(平台统计,意见反馈)

4.系统功能(注销登录、账户管理)

后台界面信息架构图

原型图:

原型图

总结:

1.将原有繁杂、宽而浅的信息结构重新梳理成清晰、窄而深的信息结构,有利于人员更方便的寻找信息,从而更快完成具体化的任务。

2.由于该后台面对的是公司内部技术、运营或其他服务人员,每个模块都有对应人员来维护。遗憾的是,基于时间上的考虑,并没有引入卡片分类等方法。

3.初次写稿,有什么不对的地方请多多见谅。


相关文章

  • 后台界面信息架构设计

    选择以信息架构这个点切入本次后台改版,实属无奈。当你看到原版本那一团糟的信息。或许你也会在心里呵呵,而我则碎了一地...

  • 设计

    表现层 框架层 结构层 范围层 战略层 感知设计 界面设计 导航设计 信息设计 交互设计。信息架构 功能规格。 内...

  • 《谷歌和亚马逊如何做产品》3~5章读书笔记

    第3章 赢在用户体验 3.1 了解各类设计角色:用户体验,用户界面,信息架构,视觉设计,用户体验研究......以...

  • 1. Total Football 足球资讯APP用户体验设计

    内容:用户研究与画像 / 信息架构 / 任务流程 / 交互页面原型 / 界面设计工具:Figma / Ps / A...

  • 2.7 商品信息录入界面功能设计

    2.7 商品信息录入界面功能设计一. 商品信息录入界面效果图 二.描述画面主要功能,并列出支持这些功能的后台数据库...

  • 2018-12-04

    2.9商品信息查询修改界面功能与设计 (一)界面功能介绍 1、实现数据库数据查询、修改、删除; 2、该功能后台数据...

  • 规范信息架构与流程设计

    信息架构设计 1、认识产品信息架构 1.1什么是产品信息架构? 信息架构设计是对信息进行结构、组织方式以及归类的设...

  • 后台 UI 界面包含源文件与代码

    六套不同风格的 UI 界面 Psd 和 完整代码 适用于后台管理界面,前端开发人员 。 后台设计界面

  • 第五章:设计阶段:产品从概念到解决方案

    5.1 设计信息架构:设计让产品立得住的骨架 5.1.1 解析信息架构:收纳信息 信息架构:为了让人们更方便地获取...

  • 第八组(何茂祥)2018-12.3

    2.7 商品信息录入界面功能设计 效果浏览:录入商品信息.gif 主要功能: 库管员为系统添加新的商品信息。 后台...

网友评论

  • f74f3ea6ea3d:意见反馈是如何设计的,网上很难找到。闭门造车好痛苦~~~~~~
    nebula_song:@皎洁v 前台还是后台?前台界面偏视觉、创意些~曾经设计过一个意见反馈是类似信封的样子。后台界面其实就是表格,一条条数据呈现下来就好了啊。我倒是觉得前台界面对于用户体验更重要些。 :smile: 希望对你有帮助~谢谢
  • e770541cc05f:请问,在信息结构层时,把系统功能单独分为一个模块,为何在界面设计时把账户管理放在了用户管理了呢?
    nebula_song:@王木木0104 这里的帐号管理是针对用户下面的。它是属于用户管理的一小部分。
  • 5523eca8fb1d:第二张图那个立体的感觉的是用什么软件做的?
    5523eca8fb1d:@nebula_song 嗯,说的非常赞,学习了:smile::smile:
    nebula_song:@b956536180 这个图不是我做的哦~~网上就能找到... 如果你想做.PS就可以实现... 工具其实不重要... 表达出想法最重要...纸和笔就是最好的原型工具 ... :smile:
  • 御猫zjt:请问第三张图是用什么软件做的?
    nebula_song:@陶钧臻 MindManager哦~~还有下面有一张图用到的Xmind 都是些思维导图工具 ...

本文标题:后台界面信息架构设计

本文链接:https://www.haomeiwen.com/subject/herqhttx.html