SMILE Design——打造价值创新的极致体验

By yuchan he | Design



每一个创新的方案不可复制,虽然我们都非常希望能提供一个简单易行的创新秘方,以保证每个项目都能成功,但是创新的稀缺性,恰恰决定了每一个成功的创新都是方案都是不可复制的,但其中的很多成功创新的案例中的基本规律和方法是可以借鉴的。在错综变化的商业环境中,我们需要快速响应并不断创新,在追求价值创新的极致体验中去打造“我绽放,你微笑”的设计。

Read more »

流动法则与响应度量——1688网站的响应式设计

By yuchan he | Design

新的设备不断增加,旧的设备依然存在,这种快速增长且日趋加剧的可联网设备的多样化,使得网页设计已不再有标准的屏幕尺寸。基于一个固定尺寸对网站页面进行设计的模式,已无法满足用户设备多样化的通用需求。理想的情况是分别为每种设备单独创建一个版本,然而这对于大多数网站来说是不切实际的,于是越来越多的网站选择成为响应式,响应式设计已成为网页设计的一大主流模式。

除了设备多样化的现状与趋势之外,响应式设计能够带来多终端体验的一致性,因此作为全球企业间(B2B)电子商务平台的我们(1688网站)也在积极研究适用于本站的响应式设计方式。

本文将对目前主要的响应式设计方式进行梳理,把不同响应方式的响应规则与体验改善程度通过可视化的方式进行量化评估,并基于1688网站的设计现状及用户设备环境,反思网站的响应式设计模式,从而探索适用于本站的响应式栅格系统及普适规则。

Read more »

响应式布局的三大要点

By yuchan he | Design

在谈响应式布局前,我们先梳理下网页设计中整体页面排版布局,常见的主要有如下几种类型:

布局类型

 

布局实现

采用何种方式实现布局设计,也有不同的方式,这里基于页面的实现单位而言,分为四种类型:固定布局、可切换的固定布局、弹性布局、混合布局。

  1. 固定布局:以像素作为页面的基本单位,不管设备屏幕及浏览器宽度,只设计一套尺寸;
  2. 可切换的固定布局:同样以像素作为页面单位,参考主流设备尺寸,设计几套不同宽度的布局。通过设别的屏幕尺寸或浏览器宽度,选择最合适的那套宽度布局;
  3. 弹性布局:以百分比作为页面的基本单位,可以适应一定范围内所有尺寸的设备屏幕及浏览器宽度,并能完美利用有效空间展现最佳效果;
  4. 混合布局:同弹性布局类似,可以适应一定范围内所有尺寸的设备屏幕及浏览器宽度,并能完美利用有效空间展现最佳效果;只是混合像素、和百分比两种单位作为页面单位。

    Read more »

响应式设计的现状与趋势

By yuchan he | Design

从2012年开始到2014年,各大家对Web设计的趋势预测中,都提到响应式设计;2015年网页设计趋势预测中,响应式仍在继续。这个经历了几年依然大热的响应式,在过去的几年里,快速巩固了自己的地位,并掀起了一股网页设计新标准的浪潮。这里本人基于一些资料文献及自己的陋见,谈谈响应式设计的一些现状和趋势。

Read more »

淘点点形象设计

By yuchan he | Design

交互疲劳,偶尔也画点视觉的~o~

以商会友APP项目总结

By yuchan he | Design

在老陆提出“为无线ALL IN”的讲话时,我们以商会友App1.0已经悄悄上线,与其说快速相应,其实应该是未卜先知地做了。

在技术资源窘迫、要求快速上线等多方面条件的限制之下,我们优先选择Android平台,并以HTML5的方式实现,作为应用的形式接入到阿里巴巴主App里。

选择HTML5的方式实现一方面是别无选择,另一方面,对比H5和原生应用的优缺点,早期的尝试阶段,采用能够方便快速迭代的H5也是个不错的选择。


Read more »

个人主页项目总结

By yuchan he | Design

个人主页的项目一期上线已经有一段时间,在几个项目组成员的共同努力之下,把这个上半年的耗费了我们主要精力的项目作了个总结…

Read more »

关于交互Demo设计的一些建议

By yuchan he | Design

为方便产品经理、设计师、开发及项目相关人员能够看到直观的效果,进行更有效的沟通;提供直观的产品设想,说明用户将如何与产品进行交互,在交互设计的过程中一定会产出各种各样的产出物,如流程图、思维图、纸上的草稿、甚至高保真演示稿。

这里简单分享下自己在项目过程中的交互Demo设计的一些心得。

Read more »

可用性测试-方法介绍

By yuchan he | Design

可用性测试(Usability Test)就是选择不同方法测试产品使用质量的过程,是一种让用户来检验产品体验的实践工具。
最常用的可用性测试方法就是任务走查测试:即邀请一群有代表性的用户尝试对产品界面戒原型迚行操作体验,通过观察、聆听、记录用户执行一系列操作场景和仸务的过程,找出制约产品可用性的问题清单,仍而评估分析览决问题。

如下介绍下在产品设计过程中的可用性测试的方法及实施过程:

Read more »

我的阿里框架升级项目总结

By yuchan he | Design

我的阿里作为阿里巴巴用户的操作后台,在前面两年的时间里,从阿里助手,到工作平台,再到我的阿里,经过几次信息架构和整体的调整,搭建了现在的基础框架。变化总是存在一定的风险,甚至会造成用户抵触和流失,尤其是类似我的阿里这种用户操作的功能集合,变化的过程更是纠结而痛苦,而如何把这样的风险降到最低,并在不知不觉中,让用户习惯了每一点优化。

基于我的阿里框架雏形,从框架优化升级的系列项目过程中总结了几个关键点跟大家一起分享:

Read more »

“Tango in Ebony ”

By yuchan he | Design

 

“白键上的探戈” 可活动的双桌面办公桌 引导健康生活姿势的家具界面 倡导“站-坐交替” 的办公形式


Read more »

以健康生活姿势引导为中心的办公家具设计

By yuchan he | Design

关注办公健康

从对办公人群的行为方式和生活方式的研究出发,基于人体生理学和人机工程学的基础,提出“站-坐交替” 的办公形式,倡导健康办公的理念。

Read more »

“FONDLE”-手诊手疗球

By yuchan he | Design

手部经络学位丰富,每个人身体的异常改变首先出现与手掌,对于掌部位脏腑组织器官相对应的反射区进行的颜色等变化观察,可以测定人体是否处于健康、亚健康和病患状态的信息。

手是一个全息元,刺激 相应的穴位可调整相应组织器官的功能,改善其病理状态,从而起到防病治病强身健体的作用。

Read more »

Change waste into beatuy!

By yuchan he | Design

 

废物改造,用易拉罐拉环做灯具。

酒瓶设计-巴特尔牛奶冰酒

By yuchan he | Design

Read more »

单身公寓厨具设计

By yuchan he | Design

以单身公寓为环境,针对20-35岁的年轻族,通过炊具的改造,更好地掌握烹饪技巧,让不会早饭的年轻族群也能轻松地烹制每天地美味饭菜,享受烹饪地乐趣。

Read more »

“亲爱的便当”

By yuchan he | Design

 

Mini型平板式微波炉,为上班族而设计,可以快速烹制美味便当

FUDA吸尘器设计

By yuchan he | Design

为FUDA公司设计的吸尘器,采用仿生造型设计,俨然是一只可爱的家用“蜗牛”小助手,同时选择活泼明亮的色彩系列,为枯燥的清洁工作带来乐趣~

Read more »