卢皎作品集

Page 1


Android Desktop Design for A10

项目介绍

我的工作

联想致力于创新设计,将 Android 操作系统适配于 A10笔记本,

1. 参与分析总结A10产品形态与交互特征;

笔记本上的 Android 操作系统将更加适宜用户多种交互方式的操作体验。

2 . 总结概括产品的信息架构; 3 . 设计产品线框图;

设计将致力于:

4 . 总结概括产品重要功能点;

1 . 情感层面:增加用户的亲切感与信赖感

5 . 定义产品交互流程与机制。

2 . 交互层面:优化Android系统的键盘、鼠标体验 3 . 使用层面:从影音娱乐向生产力工具迈进


2

3

4

产品形态与交互特征分析

A10产品形态分析

笔记本模式

鼠标手势操作原则

Mouse 操作原则:

角度范围:40-190 交互方式以鼠标为主,手势为辅

1. 2.

利用位置记忆,减少用户在选择按键时的反应时间; 鼠标拥有左右键及滚轮,操作功能丰富,在定义鼠标功能时需同时考 虑在手势操作时的对应功能如何实现。

站立模式 角度范围:190-330 交互方式以手势为主,鼠标为辅 摄像头在上

帐篷模式 角度范围:190-330 交互方式以手势为主,鼠标为辅 摄像头在下

Gesture 操作原则: 1. 2.

尽量缩小手势操作上下浮动的空间范围,避免造成手势操作肌肉疲劳; 培养左手和右手不同的功能记忆,减少用户在选择按键时的反应时间。


1

3

4

产品信息架构

Android desktop for A 10 Desktop

任务栏

状态栏

收藏APP

回到桌面

消息中心

搜索

APP Launcher

状态信息

返回

关机、睡眠、重启

多任务 关闭应用 常驻应用


1

2

4 产品线框图

12:30

App

Widget

桌面与notification

widget name

widget name

Google

widget name

12:30 widget name Wi-Fi

Brightness

widget name

App launcher

widget name

widget name

WEDNESDAY MAY 08.2013

widget name

Blue tooth Airplane mode

Screen rotation

Volume high

z

z Close

Restart

Sleep mode


1

2

4 产品线框图

文件管理器 计算机

本地磁盘(C: ) 文件夹

新建文件夹

剪切

复制

粘贴

撤销

分享

删除

存储盘

本地磁盘(c:) SD存储卡(d:) 可移动存储设备(e:)

文件夹(1)

文件夹(1)

文件夹(1)

文件夹(1)

文件夹(1)

文件夹(1)

文件夹(1)

文件夹(1)

文件夹(1)

文件夹(1)

远程

网盘 文档 音乐 图片 视频


1

2

3 定义产品交互流程与机制

Notification机制

文件夹操作机制


Lenovo Device Control

项目介绍

键盘、鼠标、触摸板、蓝牙、耳机、MIC…. 笔记本中包含众多的设备,为 了改善联想笔记本用户体验,让用户方便的管理联想笔记本相关设备: 本设计将致力于: 1 . 界面更加简单易懂,减轻用户寻找负担; 2 . 兼顾键鼠与touch操作,减轻用户操作负担; 3 . 体现联想笔记本特色功能,综合提升联想笔记本用户体验。

我的工作

1. 行业扫描,分析总结行业相关产品情况; 2 . 参与头脑风暴,确立产品的功能需求; 3.分析提出本项目设计原则与方法; 4 . 总结分析出产品的功能架构; 5 . 制作产品线框图与axure交互原型; 6 . 定义产品交互流程与机制。


2

3

4

行业扫面

apple

系统偏好设置

笔记本的设备管理中心

Windows 7 控制面板

miui

设置

手机的设置中心

1 所有功能平级显示,没有优先级

1 常用设置设有快捷开关,节省操作时间

2 信息冗杂,用户寻找时比较困难

2 层级简单,节省用户寻找时间

3 icon与布局不适宜touch操作

3 icon与布局更适宜touch操作


1

3 设计原则与方法

Lenovo Device Control 遵循以下设计原则:

1

简化层级,减少用户寻找时间

2

同时兼顾键鼠与touch操作体验

3

去除冗余信息,为用户展示最重要的功能

4

融入联想特色功能

4


1

3

4

设计原则与方法

Lenovo Device Control 设计方法: 头脑风暴,列出所有 设备与功能

将功能与信息分类整理

快 捷 开 关

系 统 信 息

系 统 设 置

去除冗余信息,保留 重要功能


1

2

4 产品信息架构

设备管理中心

开关

快捷面板

信息显示

Lenovo

电池信息

硬盘

影音模式

触摸板

音量

亮度

内存

多模管理

键盘

亮度

音量

温度

风扇除尘

wifi

USB充电

锁屏

网络

摄像头

wifi热点

锁屏

蓝牙

色彩校正

Mic

蓝牙

摄像头

Wifi加速

飞行模式

摄像头

硬盘保护

电源保养

电池养护

硬盘保护

……

AUDIO


1

2

3 产品线框图

系统信息页面 Lenovo Device Control

系统信息

Lenovo 设置

剩余使用时间:

78%

3小时02分

您当前已使用:320.5GB

硬盘

硬盘大小:489.3GB

您当前已使用:32%

内存

飞行模式

WIFI

WIFI热点

内存大小:4GB

CPU温度:35℃ 硬盘温度:63℃

温度 蓝牙

摄像头

主板温度:53℃

MIC

网络名称:lenovo-guest IP地址:10.37.240.29 触摸板

键盘

锁屏

网络

快捷设置

关于


1

2

3 产品线框图

Lenovo设置页面 Lenovo Device Control

系统信息

Lenovo 设置

快捷设置

关于

剩余使用时间:

78%

3小时02分

影音模式

电影模式

多模管理 飞行模式

WIFI

WIFI热点

WIFI加速 蓝牙

摄像头

MIC

WIFI热点 触摸板

键盘

锁屏

音乐模式

图片模式

普通模式


1

2

3 产品线框图

快捷设置页面 Lenovo Device Control

系统信息

Lenovo 设置

添加开关至快捷面板

剩余使用时间:

78%

3小时02分

飞行模式

蓝牙

WIFI 飞行模式

WIFI

蓝牙

摄像头

MIC

触摸板

键盘

锁屏

WIFI热点

快捷设置

WIFI热点

锁定屏幕

触摸板

关于 添加


北京网络广播电视台网站

项目介绍

我的工作

北京广播网络电视台是一个以视频为主的门户网站,考虑到北京电视台的 优先资源,在设计中选择视频、生活、新闻三个二级页为重点二级页面, 其余页面采用通用模板:

1 . 参与首页的修改工作;

设计中要求:

3 . 负责底层页面与列表页设计;

1 三个主要二级页面设计需要突出自己的特色,与首页和其他页面有区别

4 . 负责二级通用模板页设计;

2 通用模板页面与底层页面与首页风格一致

5 . 负责栏目首页的设计;

3 由于内容较多,板块设计要清晰明了

2 . 负责重要二级生活页面的设计;





UPA中国交互设计大赛——城市藏宝图

项目介绍

城市藏宝图是一款将实用性与趣味性相结合的移动平台软件,利用时下热 门的LBS与增强现实的技术,将寻宝游戏,导航与生活又会服务融为一体, 通过与商家进行线上合作,将商家的品牌或者宣传与不同类型的小游戏相 结合,能够让用户以更加有趣的方式获取到更加实惠的线下优惠,达成了 商家与用户的双赢目的。 设计中要求: 1 操作流程清楚明确 2 界面设计活泼可爱,具有娱乐性 3 小游戏安排方便有趣

我的工作

1 . 参与前期头脑风暴; 2 . 负责竞品分析工作; 3 . 负责城市藏宝图logo的设计; 4 . 参与负责流程图与框架图的设计; 5 . 参与大量视觉设计工作; 6 . 参与比赛过程中的电话答辩;


主要页面视觉设计 01


主要页面视觉设计 02


主要页面视觉设计 03


主要页面视觉设计 04

结束,谢谢!


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.