交互设计专业在校大学生, 近期上用户体验课程.
很多时候都是为了完成作业, 在网上查资料的过程学的最多但每个作业定位不同,都是很零散地去搜寻和汲取知识,这次了解了UI设计规范, 这次了解信息架构, 下次是用户画像, 很多好文章最后都躺在收藏夹里再也没有打开...
感谢那些分享经验的前辈们.同时也是为了督促自己吧, 以后打算把自己一些关于产品, 设计的思考发到简书平台,可能很杂, 我也在慢慢找自己的兴趣点和方向.大三老狗了,不要以为自己还是萌新啦.
第一篇, 也是刚刚阅读了jesse James carrett的<用户体验要素>文中引用大多也是出自此书. 如果有哪里说得不准确, 望大佬指正噢∠( ᐛ 」∠)＿
零.产品概况
1.产品:故宫博物院
2.产品性质:
2.1 信息性
故宫博物院网站主要偏重信息,包括了文字, 图片, 音频, 视频等等, 功能方面虽有但相对较少.
网站具有基本的双重性质. 在信息型产品这边, 我们的关注点是信息——网站应该提供哪些信息, 这些信息对用户的意义是什么.
2.2 公益性: 事业单位
事业单位一般指国家设置的带有一定的公益性质的机构，但不属于政府机构
2.3 商业性: 差额补款单位
差额拨款事业单位是指有一定数量稳定的经常性收入，但还不足以抵补本单位的经常性支出，支大于收的差额需国家预算拨款补助的单位. (来源: 百度百科)
故宫是差额补款单位,故宫只能接受预算的54%，剩下的46%要靠自己挣。(来源: 2019年的亚布力中国企业家年会故宫博物院院长单霁翔演讲)
一.战略层——产品目标和用户需求
此处的关键词是明确(explicit)
1.产品目标(经营者想从网站得到什么)
1.1 品牌识别: 传递故宫博物院品牌,打造故宫IP(知识产权).提高故宫博物院的知名度, 影响力, 通过网站这一互动窗口, 构建促进"故宫学"发展的平台, 使故宫博物院在不同时间, 不同空间发挥其辐射作用, 从而弘扬中华民族优秀传统文化并为我国博物馆现代化做出贡献, 推动我国文物与博物馆事业的发展
1.2 运营创收: 为故宫博物院的活动(包括展览资讯, 教育培训, 学术研究等)和衍生产品(包括故宫出版物, 故宫文创, APP, 游戏等)引流, 提高转化率, 实现盈利, 从而为故宫博物院的运营和维护提供资金支撑.
毕竟每年8亿的门票收入直接通过网络售票渠道进入国库系统, 国家的拨款也是逐年递减.(来源: 2019年的亚布力中国企业家年会故宫博物院院长单霁翔演讲)) 大家都是要恰饭的嘛
2. 用户需求(用户想从这个网站得到什么)
设计产品, 必须要了解"他们是谁"以及"他们的需求是什么"
2.1 用户群体: 对故宫博物院感兴趣的大众
2.2 用户细分: a. 对故宫感兴趣但没有计划前往的用户
b. 对故宫感兴趣且计划前往故宫的用户
创建细分用户群只是一种用于"揭示用户最终需求的手段". 你真正只需要得到的是和你发现的"用户需求数目"一样多的细分用户群.
2.3 用户画像:
创建网站或任何一个技术型产品时, 有另一组非常重要的属性也需要考虑: 用户对技术和网页本身的想法.
2.4 用户需求:
a. “历经五百年兴衰荣辱，帝王宫殿的大门终于向公众敞开。” 通过网站这一窗口, 用户可以多方位地了解故宫博物院(VR故宫/全景故宫，故宫资讯，藏品建筑等介绍), 获取故宫衍生产品(故宫图书馆, 故宫APP, 故宫文创店)资源, 满足用户对故宫的好奇心和探索欲, "满足人民日益增长的精神文化需求"
b. 获取博物馆活动信息(展览活动/培训课程主题及其开放时间, 交通方式等), 享受在线预约购票服务, 便于用户计划安排, 前往参加
二.范围层(功能规格/内容需求)
我们把在战略层创建的虚拟人物放到一个简短的故事之中, 我们称之为"场景"(scenario).一个场景是一个简短的故事, 简单描述了一个人物觉得会如何完成这些用户需求. (注: 故事板或用户体验旅程地图)
我们也期望从竞争对手处得到一些启示. (注: 竞品分析)
由于我只是从分析的角度去看故宫博物馆网站, 而不是真正参与到网站从无到有的设计中, 所以这部分的研究方法就不再作赘述. 网站的内容和功能暨已成型, 以下直接分析.
当在范围层定义用户需求时, 这些需求并没有说明如何将这些分散的片段组成一个整体.
网站的组织,是往下结构层所做的工作. 为了更好地理解范围层, 我故意隐藏顶层节点如导览, 展览, 教育, 探索, 学术, 文创, 关于, 仅以内容清单(content inventory)的形式进行分析.为了方便大家查看, 献上文档下载地址: 内容需求及其优先级排列
三.结构层
四.框架层
结构层和框架层的锅这次小组作业没有分到我, 所以暂且不写啦. 日后再做补充~
五.表现层
1.风格分析
故宫博物院整体风格端庄典雅, 以中国传统古风为基调, 结合卡片栅格设计系统, 整体呈现出强烈的古风韵味且不失可读性, 传递出故宫博物院文化底蕴深厚的品牌形象, 符合打造故宫IP的战略目标
2.一致性分析
故宫博物院基于栅格线(grid-based layout)的布局保证了其视觉的一致性, 字体, 配色都在一个系统中, 做到了基本的统一.
3.配色分析
故宫博物院官网提供八套配色方案, 各套配色方案契合不同主题, 分别有"年", "常", "庆", "博"及"春", "夏", "秋", "冬". 默认配色方案为"常".
多次出现的颜色有红色,棕色,黄色. 红色予人庄严感, 更与故宫朱墙相呼应. 棕色予以厚重感, 让人联想到故宫的深厚历史内涵. 黄色则代表尊贵, 象征故宫昔日的无上皇权.
各套配色方案都延续了故宫稳重雅致的视觉风格, 呈现为较低的纯度和较低的明度, 观感舒适.
4.字体分析
字体为微软雅黑/黑体, 无衬线, 简洁, 可读性强.
字号为14px~33px不等.正文与标题能够拉开差距, 符合UI设计四大基本原则的"对比".
最小字号为14px, 符合Ant Design定义的电脑显示器阅读距离（50 cm）, 最小字号从原先的12px上升至14px，以保证在多数常用显示器上的用户阅读效率最佳。
设计四大原则：亲密性、对齐、重复和对比 —— Robin Williams
5.感官分析
提供视听馆, VR故宫, 全景故宫, 以及故宫精美图文, 多通道感官设计给用户带来如临其境之感, 让用户能多维度体会故宫之美.
合理设计感知. 在整个设计流程中, 这是为我们的用户提供体验的最后一站: 决定我们的设计最后要如何被人类的感觉器官感受到. 这些感受由五个方面组成: 视觉, 听觉, 触觉, 嗅觉和味觉.
6.无障碍分析
观察发现工具判断结果只有<A>元素和<IMG>元素不合理, 其他皆为#000000和#FFFFFF黑白对比.检查网页源代码发现不合理元素为主导航及其子级导航的文字, logo等控件. 背景并不是工具中显示的#FFFFFF, 可读性尚好,判断为工具bug
综上所述, 排除工具意外错误因素, 故宫博物院网站的色彩对比上对视力障碍人群为友好水平
