↑顶部

崔亮

Portfolio

中文 |English
Michigan State University, TISM-HCI
西北大学, 软件工程
PDF简历(UX)
UCD理念
RESEARCH
框线流程图
Axure互动原型制作
设计策划文档
UI设计
前端开发

交互设计-NDA之外的筛选作品

概念设计,线框图,流程图等



MSUFCU - 官方网站 - 新设计提议

视觉上更加明确的分配空间,提高各个区域的可供性,方便查找关键信息。


旧站,新貌

首先,新的设计完全是在旧版网站的格局的基础上制作的,大体格局完全一致,没有任何改变。
如此能保证老用户在第一次看到新版的时候,能够很快的找到他们所找的东西。其次,各个板块的视觉分割更加明显,
方便新用户扫视寻找内容。新的颜色分割设计也更凸显了MSU以及密歇根的主题色 - 绿色和白色,并给网站整体视觉带来更多活力。
(点击http://www.msufcu.org查看MSUFCU的旧版网站。)


登录后 - 新界面


改善的用户体验


Fixya - 移动端网站登录后首页 - 修改建议

增加其他模块的可供性(affordance)曝光度

简介

老版的设计不提供任何视觉可供性,网站的其他模块也没有得到适当的曝光。新设计的目的在于修正这些问题。

Fixya - 网站游戏化成就系统

完善的成就系统体系多方面改善用户参与度。



Fixya - 网站游戏化成就系统

更加丰富的内容

在原有的8个成就的基础上,拓展到了50个各个方面都覆盖的成就系统,为用户提供更丰富,有趣,更吸引人的挑战活动。

正强化 (Positive Reinforcement)

新的成就系统设计理念: 鼓励用户参与网站各个方面的互动,以及增强retention行为等。
除了这些图标, 本站所有的设计都是本人制作 。 图标为Fixya同事Sukmoon Chang的作品.

有效的模块曝光性以及奖励性

更多关于Fixya成就系统的信息可以查询 http://www.fixya.com

Oracle - 平板用资金分配软件

简化资金部署的繁杂过程。-面试作品,Lead UX Designer Brian Casey认可项目。

专为预算分析师设计的直观,简单,高效的资金分配应用,帮助减少重复性工作。


用例设计早期概念

数据反馈,信息图反馈双重模式

简明的视觉反馈

Fixya - 顶级专家排行榜 - 新设计

更加丰富的游戏化内容,照顾更多的用户,同时增强对贡献度大用户的认可。

简介

基于现存在的排行榜提议的新设计。目的在于让论坛竞争游戏性更丰富,扩大认可活动范围,对更多的积极用户提供认可。

Ooyala - Snack Shack管理系统

小巧的网页工具帮助注册和管理公司小吃。 - 面试项目

Ooyala Design Test Submission PDF


互动原型 - 筛选作品

基于Axure制作的html互动原型

顺丰送花应用

基于Axure制作的互动原型

资金分配软件

基于Axure制作的互动原型

Fixya - 网站结构新设计

更简明的使用流程

Fixya - 新成就系统页面设计提议

更好的视觉反馈帮助提高易用性

Research - 筛选作品

研究,调查,分析产品文档产物

IKEA 家具组装说明书可用性调查

直观的图示,不需一字便可传达复杂信息

Fixya核心用户分析 & Persona设计

设计产品概念前的一个重要环节

Fixya网站导航菜单布局Research

从竞争对手学习,设计更加简明的导航系统

User Experience的几本好书推荐

以及UX相关的几个我经常访问的网站

设计文档策划 - 筛选作品

由于受NDA保护,部分Fixya文档的细节有处理

Fixya桌面端
Want Answer功能

Fixya Want Answer
启发于Quora,为Fixya社区特别打造的
一套促进用户和专家之间交流的系统。

Fixya桌面端
Notification系统

Fixya Notification
将用户感兴趣的信息即时的,方便的推送给用户。
设计基于市面主流的notification系统

Fixya移动端
Notification系统

Fixya Notification Mobile
与桌面端Notification系统对应的,手机版的
相应系统。设计基于移动端使用环境。


Fixya桌面端
视频网站系统

Fixya Video System
在于现存在的网站架构基础上建立的
完善的一套视频内容系统,为用户呈现视频内容。

Fixya桌面端
高级用户网站维护系统

Fixya Moderation System
为方便Fixya高级用户帮助管理网站内容
而设计的一套独立的内容管理系统

MSU GEL 实验室
Criminal Procedure设计文档

Criminal Procedure Design Doc
一个为玩家提供模拟侦探办案
环境而提供以寓教于乐为目的的游戏项目。


Fixya移动端
视频网站系统

Fixya Video System Mobile
与桌面端视频系统相对应的,手机版的
视频系统。设计基于移动端使用环境。

MSU GEL 实验室
Saving Magic设计文档

Saving Magic Design Doc
基于Doodle Jump的一个操作更简单,内容
更丰富的游戏项目,基于移动端平台。

DinoFightingSaurs
设计文档

DinoFightingSaurs Design Doc
多人同屏街机式游戏。游戏设定允许玩家
一边和朋友们竞争高下,一边改造关卡。


前台开发+成品设计

html + css + jQuery + bootstrap 项目,以及一些成品设计

商业网站首页

个人设计练习项目

MSUFCU新网站设计提议

除了视觉设计外,还完成了这个html实际登录页面

本网站

本网站所有细节,从设计到代码编写, 在c9.io云端IDE完成。视频采用videojs插件,图库采用fotorama插件。

This page

成品/视觉设计

网站/应用成品视觉设计,LOGO设计,海报,杂志封面等

其他项目

视频作品,以及游戏设计作品

视频作品

预告片,视频Presentation等

Ubisoft设计测试交付物

https://www.youtube.com/watch?v=NtuHAh9yciM
为面试Ubisoft(育碧)而特别制作的设计测试交付物。

视频解说关卡的制作过程,从最初的灵感,框架,到后期的细节诠释等。并展示了一次游玩录像。

制作耗时大概40小时,原材料捕捉,台词编写,解说录音,编辑等,全一人完成。

时长15:27

Saving Magic宣传片

https://www.youtube.com/watch?v=4qfbXc0VM2Y
为展现游戏本身清新的风格而制作的宣传片。

视频介绍了游戏概念和操作,详细说明其特色,包括Boss战,角色外形自定义等,存款系统等。

制作耗时大概20小时,从原材料捕捉到after effect特效制作,全部一人完成。

时长01:03

Dragon Age Inquisition预告片

https://www.youtube.com/watch?v=zLdjEJU6BOA
为Dragon Age Inquisition制作的同人预告片。使用了Witcher 3 Sword of Destiny预告片的音轨,通过混剪DAI各个预告片片段而制作的。

Dragon Age系列是我最喜欢的欧美RPG系列之一,但是DAI的预告片与Witcher 3的Sword of Destiny相比相差很多,一时心血来潮我就制作了这个预告片。

制作耗时大概20小时,大部分工作为剪辑和编排,让画面在搭配音乐的基础上呈现出一定的节奏flow.

时长02:24

Gavin of Canadia宣传片

https://www.youtube.com/watch?v=vUIiT-4kbQQ
为MSU Media Sanbox 2013宣传而制作的游戏预告片。

作为我早期的几个项目之一,当时制作这个预告片的时候一定程度想模拟传统电影预告片的风格,加上一定的幽默成分。

制作耗时大概30小时,从原材料捕捉到after effect特效制作,全部由我一人完成。

时长01:08

Half-Life 2 Level Design 分析

https://www.youtube.com/watch?v=lgAiTqK6Nk0
很久以前制作的视频,总结了我从HL2中学习的关卡设计的技巧以及经验。

视频里我介绍了8个游戏关卡设计以及流程设计的细节,包括如何利用光照引导玩家,如何平衡叙事与游戏内容的分量等。

时长01:08

我也设计过一些游戏项目.

看看我的游戏项目?

Stay in touch

[email protected]

DESIGNED & CODED by LIANG CUI © 2013 - 2017