大学网站UI设计分析(以学校领导/历届领导为例)
第一次的冲刺阶段让我过了一把PM的瘾,第一阶段的冲刺完成以后第一感觉就是PM不好当,在大学里做个课程设计当个PM相对而言还是比较容易的,但是我明白,当我们走向工作岗位以后,面临的情况会比学校的情况的复杂很多,因为那时候,我们需要解决的是用户的需求、将自己的产品推向市场、凝聚起性格不同的队员成为一个团体、每个人都有自己的需求和计划......
总之,如老师课上所讲,PM需要具有多方面的能力,如销售能力、交流沟通能力、理解能力、专业能力、转换角色的能力、自省的能力等等,为此,真正的理解了老师的良苦用心,认真的分析大学的网站中(学校领导/历届领导)模块为例,培养锻炼自己的项目把握能力,特别是UI界面的设计把握。
UI的设计与用户对于UI的体验一般可以分为三个层次:体现团队的组织框架、体现产品的内部结构、用户的自然需求。
第一个层次,体现团队的组织框架,我从网上搜了河北师范大学的历届领导模块,觉得他的UI设计比较符合这一层次。
从上图可以看出,河北师范大学是由好几个学校合并而成的,因此,它着重地显示了它的历史沿革,再看下图:
从上图可以看出,历任领导是历史沿革的一个子模块,历任领导中也只是列出了河北师范大学合并成立以后的领导,而其历史发展阶段中的领导却没有列出,我个人认为,历史沿革可以和历任领导结合一下,让用户从历史沿革中可以探寻出这个学校的历史发展和人文素养。
第二个层次,体现产品的内部架构,这个层次我找的例子是咱们石家庄铁道大学网站主页中的历任领导模块,其UI设计界面如下图所示:
与河北师范大学的UI界面有所不同,第一个不同点就是校史沿革和历任领导是两个不同的模块,咱们学校的历任领导采用时间顺序排在了网页上,这样的设计很清晰,就像是框架一样,给人特别直观的感觉。这样设计的好处就是可以让用户清楚的了解到不同发展时期的学校领导,也表现了学校对于历史文化的注重。
第三个层次是能满足用户的自然需求,这个层次我选择的例子是清华大学网站主页中的历任领导模块,其UI设计如下图所示:
如上图所示,清华大学的历任领导和校史沿革同样是两个不同的模块,但是它的历任领导模块有一个好处就是将学校不同发展时期的领导进行了分类,这也就相当于将学校的历史沿革加入了进去,当用户想要深入的了解其发展历史时,就可以去专门的校史沿革模块去查看,如果用户只是想大体的了解这个学校有几个发展时期或者想了解一些这个学校的领导都是哪些著名的人物,从这个界面上就可以得到很好的答案。就这个界面的设计而言,我认为清华大学做的是比较好的,它可以满足用户自然的需求。
大学网站UI设计分析(以学校领导/历届领导为例)的更多相关文章
- 对石家庄铁道大学网站UI的分析
作为我们团队的PM,老师对我们提出了一些额外的要求,所以我发表这篇博客来谈一下对石家庄铁道大学网站UI的分析. 首先,PM 对项目所有功能的把握, 特别是UI.最差的UI, 体现了 ...
- 学校网站UI设计分析
在一个团队中PM,要更好的掌握项目的实施管理,包括对UI的设计,作为团队项目的PM,在听了老师课上的讲解后,对UI有了新的认识,对此,我对下面网站有了些自己的想法(只可意会不可言传,O(∩_∩)O~) ...
- 对石家庄铁道大学网站首页进行UI分析
对石家庄铁道大学网站首页进行UI界面分析首先,铁道大学的网页首页分为图文热点,学校新闻,校内公告,媒体看铁大,学术咨询等等模块.通过分析这些模块,可以看出,学校网站首页针对的使用对象有很多,包括学校领 ...
- 对石家庄铁道大学网站的UI分析
学校网站的首页面的色调用的比较好看,用深蓝色体现了严谨治学的风范.然后就是网站的首页有 1,学校概况:学校简介 现任领导 历任领导 校史沿革 2,组织机构: 机构设置 院系设置 管理机构 直属单位 其 ...
- 网站UI分析
本次网站UI分析我选择的是我们石家庄铁道大学的网站,首先对于网站的分析建立在我经常使用鼠须的基础上,我可以很好的站在用户的角度来进行分析,否则对于你不熟悉的网站你可能是不能很好地体验到他的 结构. U ...
- 石家庄铁道大学网站首页UI分析
今天的软件工程王老师讲了UI的设计,以前狭隘的认为只有移动设备上的界面叫UI,百度一下才发现UI其实有这么多含义:UI即User Interface的简称.泛指用户的操作界面,UI设计主要指界面的样式 ...
- ASP.NET防止自己网站的资源被盗(通过IHttpHandler 带样例说明)
我这里用的图片被盗举例子 一个正常的网页 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind ...
- 对石家庄铁道大学官网UI设计的分析
在这一周周一,老师给我们讲了PM,通过对PM的学习,我知道了PM 对项目所有功能的把握, 特别是UI.最差的UI, 体现了团队的组织架构:其次, 体现了产品的内部结构:最好, 体现了用户的自然需求.在 ...
- UI分析之石家庄铁道大学官网
点击进入石家庄铁道大学的官方网站,首先映入眼帘的是“石家庄铁道大学”七个大字,配以蓝色背景和学校的俯瞰图,给人一种严谨又不失清新的感觉. 学校的网站首页界面主要有九个界面,分别是网站首页,学校概况,组 ...
随机推荐
- php ajax confirm 删除
<button name="del" type="button" class="btn btn-primary btn-xs" id= ...
- SparkR链接mysql数据库(踩坑)
本文主要讲述sparkR链接Mysql的过程和坑. SparkR的开发可以用RStudio工具进行开发,连接spark可以通过RStudio界面中的Connections进行配置连接;具体方法这里不做 ...
- MySQL优化#参数配置优化
( 1).查看mysql里的线程,观察是否有长期运行或阻塞的sql: show full processlist 经查看,没有发现相关线程,可排除该原因 (2).疑似mysql连接使用完成后没有真正释 ...
- 开了几天的phpmyadmin的总结
近来无事,免费体验了一波腾讯云的vps,打了一个phpstudy,全部默认的配置,只不过,没有给他写入文件的权限 开启了日志,看了下,这几天黑客们的活动 首先,有两三个ip来爆破我的phpmyadmi ...
- go语言 os.Rename() cannot move the file to a different disk drive 怎么办
时值我小病在家休养生息,喜欢跳广场舞的外公来寻求我的帮助,他们跳广场舞是将存有歌曲的U盘插到音响上面,而音响大部分都是只能显示歌曲的索引index,不能直接显示歌曲名,所以为了方便他们会在U盘里面对歌 ...
- Xilinx FPGA高速串行收发器简介
1 Overview 与传统的并行实现方法相比,基于串行I/O的设计具有很多优势,包括:器件引脚数较少.降低了板空间要求.印刷电路板(PCB)层数较少.可以轻松实现PCB设计.连接器较小.电磁干扰降低 ...
- [转载]DotNetty 学习
[转载]http://www.cnblogs.com/littlegod/p/7699482.html DotNetty的学习是带着如下这些问题展开: 1. Socket基础框架方案: 通信模式:异步 ...
- # 20155224 2016-2017-2 《Java程序设计》第10周学习总结
20155224 2016-2017-2 <Java程序设计>第10周学习总结 教材学习内容总结 密码学: 主要是研究保密通信和信息保密的学科, 包括信息保密传输和信息加密存储等. 密码学 ...
- 学号20155311 2016-2017-2 《Java程序设计》第一次实验报告
课程:Java程序设计 实验名称:Java开发环境的熟悉 实验目的与要求: 没有Linux基础的同学建议先学习<Linux基础入门(新版)><Vim编辑器> 课程: 完成实验. ...
- 20155321 2016-2017-2 《Java程序设计》第九周学习总结
20155321 2016-2017-2 <Java程序设计>第九周学习总结 教材学习内容总结 JDBC简介 厂商在实现JDBC驱动程序时,依方式可将驱动程序分为四种类型: JDBC-OD ...