如何设计出色的网站后台原型

我觉得,可以从三个方面入手:

1独特新颖的设计创意

如果实在没有想法的话,可以多看看同类型的网站后台设计,寻找设计灵感。

2高效实用的原型设计工具

好的设计想法,也需要称手的原型工具进行制作、测试和迭代。这方面,摹客MOckplus就是不错的工具,操作简单快速、链接分享、反馈收集、真机演示等等,能够实现团队快速设计和迭代。

3搜寻创意的原型设计模板

好的网站后台设计模板也是不错的切入点。但是要注意版权方面问题,弄清付费还是免费,再使用。

明确目标

既然是做原型的角度,我们就从具体工作来谈,首先要明确的肯定是产品目标,比如以下几个问题:

是全新的产品,还是更新改版

有没有相匹配的前台系统或者其他需要配合的线下资源等等

业务层面的目标是什么新增功能体验优化等等

需求分析

明确了产品目标,在做需求分析的时候就会有所侧重,总的来说,值得关注的有以下几个要素:

1、角色权限

这个非常重要,一定要在具体设计之前熟悉管理后台的所有类型用户。包括一共有几类用户,他们各自的使用需求,操作权限,还有用户权限的设计。

2、信息架构

一定要画信息结构图(即产品层面的数据模型),主要用于理清产品结构。画一下脑图,列一个excel表单,详细程度依据自己习惯即可,需要和用户配合起来设计。

这个是和普通原型设计比较不同的一点,如果是改版还需要特别标注和旧版的区别,以及旧数据的清理或迁移方案。另外,还需要考虑和其他资源(前台、对应页等)的配合,数据流向以及状态转移等。

4、功能流程

常规需要考虑的用户流程和业务规则流程。根据不同的业务目标,用户流程可以按场景或功能进行划分,给予部分用户适当的优化。业务规则流程需要保证逻辑清晰,闭环,不要遗漏异常流(闭环很重要)。

原型设计

终于可以开始原型设计啦,现在各种管理后台的主题模板都有很多,没有特别需求的情况下,和开发沟通好选择一套“抄”即可。

设计过程中注意一下导航,列表(增删改查排序筛选)等,细节上不要遗漏预览、错误/成功提示、新内容提醒、快捷键等

要制作一个优秀的后台原型,我认为主要就分为三个部分:

对于后台功能模块的结构和页面逻辑有清晰的认识

2能够熟练的使用原型工具

3优秀的设计风格和设计规范

1是基础,2是进阶,3则是让原型变得出色的点缀。

怎么样保证后台的功能结构和页面逻辑的清晰合理。

很多人画原型都有一个习惯,就是不管想没想好,直接就开始打开原型工具先拉几个框,或者就照一个自认为非常不错的网站后台开始照葫芦画瓢,这在我看来都是极其危险的。网页后台不同于一般的web界面,他对于功能模块的划分和页面的逻辑要求是非常高的。一方面网站后台的层次结构相比之下要复杂的多,另外一方面,网页后台的功能更偏向于对前端页面的管理,这就导致了功能之间的关联性和引导可能就要弱得多,这样的情况下,如果没有很好的理清后台的结构就开始画原型,那么最后做出来的后台管理系统很可能就是功能的堆积,功能易用性和操作的流程性都很难得到保障。

绘制后台原型时时刻谨记的:

画原型之前,先理清后台管理的功能模块,通过树状结构图来帮助自己划分页面和模块。

<imgsrc="

"

data-rawwidth="1423"data-rawheight="676"class="origin_imagezh-lightbox-thumb"width="1423"data-original="

">

理清模块之后,就可以着手设计后台管理系统的骨架,我个人分为三种:主模块(主要分为哪些独立的功能模块),次级分类(每个功能模块又有哪些次级的功能分类),功能事件(具体到每个功能页面内存在哪些主要的操作),大概的布局方式大概如下三种

1)顶部选项卡划分主模块,左侧边栏划分次级分类

<imgsrc="

"

data-rawwidth="1116"data-rawheight="468"class="origin_imagezh-lightbox-thumb"width="1116"data-original="

">

2)左侧边栏汉堡包样式的层级分类(偷懒~大概就是worktile的侧边栏样式)

3)左侧边栏二级分类列表浮出

<imgsrc="

"

data-rawwidth="249"data-rawheight="155"class="content_image"width="249">

思考的路线应该是自上而下,在进行模块划分时不要拘泥于具体的某个界面的展现形式。

结构和逻辑的清晰(骨架)>功能页面的设计(具体到某个页面怎么设计)>优化性质的功能设计(是否需要预览,实时存储等功能)>用户体验

必要时,可以牺牲用户初次使用的学习成本,初次使用的学习成本是可以为用户熟练掌握后的使用效率让步的,尽量遵循亲密/对比/重复/对齐的四原则。

对于重要但是不知道如何放置的功能,可以考虑放在顶栏的右侧,而不是放在主模块上

频繁的弹窗并不是好的选择(必要时该弹还是要弹的),如果可以的话,展开和右侧浮出半页都是不错的解决方式。

曹总（电微）一三九8六04788：

湖北、浙江、广东、福建、香港、澳门、海南、陕西、甘肃、宁夏、新疆、青海。

石总（电微）一三九8六1113九 九：

湖南、重庆、四川、贵州、云南、西藏、广西、北京、天津、河北、山西、内蒙古、河南

张总（电微）一三九8六六07789：上海、江苏、山东、安徽、江西、台湾、黑龙江、吉林、辽宁

找宗谱网 ，用其成品站，全系统特点：

功能简洁、经典实用、可操作性强、可持续发展性大。

整合行业资源，促进行业发展，发挥云码宗谱火车头优势。走共同富裕之路。热诚欢迎有姓氏文化资源家谱公司、各级宗亲会、姓氏网站新老站长、个人前来电合作共赢。各省域合作官方接洽代表：

一万元可做姓氏网站手机版电脑版、APP、微信小程序四个平台，宗谱网全功能。

功能包括：

1、家族会员管理。

2、手机家谱、云家谱。

3、多种分类文章系统，可发布家族新闻、动态、文献等。

4、家谱目录查询与收集功能。

5、阅读、下载付费功能。

6、广告设置。

7、资金管理。

8、客服留言。

9、云码宗谱大数据丰富网站。

以上项目市场开发指导价20万以上，不包括测试，填充基础数据等。开发测试时间至少二年。

售后服务：

1、免费升级与技术维护。

2、专业专家团队策划、营运指导。

3、协助丰富网站内容。

4、独立管理权限