设计推动更好体验,一直是ISUX的设计宗旨,而全新体验的ISUX官网应势而生。从设计初期到最终的设计定稿再到今日上线,反复打磨至最终定稿的状态历历在目。下面将从两大维度来讲解这次官网的改版。
一 多平台统一体验
随着科技的进步发展,移动互联网已经深入每个人的生活当中,使用手持设备已经成为用户日常生活中不可缺失的习惯,本次ISUX官网的改版首要目标就是完成多平台的统一体验,保证PC / Phone / Pad 三大平台的设计统一,让用户能随时随地能够访问。
二 阅读体验的提升
一款内容类网站,设计的核心价值在于其阅读体验,当然文章能否吸引人是最重要的,让用户在阅读过程中磕磕绊绊,我认为这是设计师缺乏足够的细心与耐力,而在当下到处在讲究细致服务的社会中将会被慢慢淘汰掉。
随着ISUX有越来越多不同专业的人员加入,增加了创新产品、品牌、动画视频、设计项目管理等等角色,已经不再是以前四个颜色代表四大专业,更希望新品牌能够代表今天我们共融为一个大团队的精神;新官网的导航舍去了原有的四色风格,采用单色logo,让我们目标更加专注在一致性的设计体验、简洁化界面风格,去凸显功能与内容。
针对首页的交互框架进行了新的调整,突出推荐文章,版式更加清爽利落;新版仍然继续采用十分合理的卡片式体验,新版本对卡片进一步优化,减化骚扰信息并重新调整框架,让用户的关注度重新回落到文章本身;内文的框架设定,老版本的左中右结构,初衷是希望用户能够一屏看完所有核心信息,但是在移动互联网的浪潮下,用户手持设备的使用率已经超过了PC,小小的屏幕无法承载太多,瀑布流的阅读体验更适合手持设备。
三 承载多元化信息
官网改版,不只是为了跟进趋势,也希望更多设计师能够了解ISUX,了解ISUX的设计,了解ISUX的文化,能够倾听更多来自外面的声音。官网的招聘模块,除了“期待你的加入”这几个固定文案以外,更多是为了让用户能够看到每一位ISUX设计师镜头下的一面,有极度的自信,有强大的气场,也有面对镜头的羞射,也有深沉的思考,有工作也有生活,“Wordhard Playhard”是ISUX最真实的写照。本次拍摄,ISUX品牌中心承担了为全部门设计师拍摄个人肖像,如何给接近400人的团队拍摄各自的宣传照,如何能够错开每个中心的工作时间,这里需要精确的时间表和强大的控制力。
15年下半年开始,因为服务器经常出现响应慢、卡顿甚至崩溃等问题,我们也做了一系列的技术优化,在这里例举一些。
升级新服务器
官网服务器在一台老爷机上工作,查看一下工作年限已5年多了,15年下半年经常出现响应慢、卡顿甚至崩溃等问题,最后定位到是老爷机磁盘IO的瓶颈,果断申请了新的服务器,稳定性得到提升。
数据代码分离,数据库优化
这个工作是肯定要做的,数据库竟然和web服务在同一台机上运行,也没有做数据备份。申请了内部云数据库,分离数据后,服务器性能想必又得到了一点提升,同时优化原有数据库,删除垃圾冗余数据,进一步提升性能。
支持HTTPS
大家可能观察到了协议头变成了HTTPS,并且支持HTTP/2哦
HTTP/2的优点不用多说:防止网页劫持,增强安全性,保护用户隐私,也让用户端请求的连接数降低提升性能。用支持HTTP/2的浏览器打开,速度明显快很多,现在还保留了HTTP,再观察一段时间后会强制切换到HTTPS。
域名接入公司集群
以前服务器IP直接对外,安全风险也直接暴露出来,服务器每天都在被扫描端口漏洞,每天的日志体积都有几个G,此次域名解析cname到wal.qq.com,接入公司强大的集群网络,不仅可以加速接入联通、移动、电信等运营商网络,还在服务器无形加上一层防火墙,自动过滤恶意请求和攻击,保障服务器性能。
报警、重启、备份机制
接入Uptimerobot即时监控报警;接入了服务器负载过高崩溃时自动重启机制;接入了服务器数据备份脚本。
官网在设计过程中有许多磕绊,但参与改版的设计师都能够抽身于繁忙业务中,能够坐在一起讨论脑暴,中间的跨团队合作给大家带来许多宝贵经验。
最后,希望读者们能在ISUX学习到更多。
欢迎大家访问 https://isux.tencent.com/