U·START

寻找志同道合的同学一起合作

项目类型

对原有网站进行UI迭代

项目时长

10周

我的任务

根据新版VI进行项目搜索页以及项目介绍页UI的迭代设计

利用用户采访,A/B Testing等方式收集问题并选择最佳解决方案

总览

U·START是一个为在校大学生的开发的作品交流平台。无需二次上传,用户可通过U·START集合之前发布在其他平台(比如YouTube,GitHub,Soundcloud等)的作品,并创建自己的个人作品集。同时,用户也可在U·START社区内发布自己正在进行的项目,寻找志同道合的人合作,或者浏览他人的项目并申请加入。U·START鼓励来自不同学校和思想流派的个人之间的合作,并希望以这种方式帮助学生获得更多的经验。

 

项目目标

根据项目情况,总体目标定为:

  • 对项目搜索页及项目介绍页进行UI的重新设计,使网站界面符合现代审美

  • 根据用户需求对现有功能进行调整,确保用户可以轻松寻找到最适合的项目


关键点

设计流程

 

发现问题

因为U·START的界面设计于5年前上线后就没有进行迭代,无论是操作体验还是视觉语言都存在不少缺失。所以首个任务是收集用户需求和反馈的问题,确定关键功能。

项目搜索页

项目介绍页

信息架构

问题确定后,首先利用脑图梳理页面的信息,进行结构分层,规划界面布局。

原型设计

接着快速绘制草图,进行大致布局设计,然后输出低保真设计图,确定初步方案。

反馈与修改

根据设计组会议提出的建议和用户提出的修改意见在原型基础上修改,使之更符合审美与需求。

项目介绍页

  • 采用无banner为主版式

  • 为相似项目栏添加收藏键

搜索页

  • 5列减为4列,使界面更简单清爽

  • 保存键采用描边设计,与tag的设计区分开来,避免混为一谈

 

 

视觉风格设计

根据最新的VI设计方向,保留了绿色的主色调,采用黑白灰的辅色创造一种干净清爽的界面风格,符合产品整体定位,贴合用户心理感知。

最终设计

Frame 5.jpg

反思与收获

  • 为了优化用户体验,设计出符合用户使用习惯的界面,有时需要遵从设计规范,放弃一些外观上的复杂的设计元素,转而重视简单模块的视觉提升。

  • 当界面上的内容很多时,如何排版将成为改善用户操作体验的关键。找到排版方式的最直接方法就是梳理界面层级,并进行归纳分类。

  • 重新设计原有的界面并不会像之前想象的一样,限制了设计师的设计风格。它反而可以让设计师利用现有的内容和自己的灵活思路,更快速地实现创新。