2018年6月9日

基于网格系统塑造独特的版式——栎工坊评改过程

最近自己参与评改网友作业分享,设计选图感觉很赞,版式有自己的思考。但是摆放有些失控,因为没有利用到基础网格的功能。

原来问题如下 那个男人12月12日 提问:老师您好,仰慕已久。我主要是碰到了一下问题:

▍在制作网页的时对于网页交互的体验不够了解,往往是做的很平。 ▍优秀网页应该具备那几点呢?来证明一个网页作品。 ▍网页在制作过程中对于后台优化的问题怎么尽量做到最好,本人略懂代码,在平时学习中经常听到在制作网页的时候要考虑到后台优化问题。

2013年1月27日

总部怎么做产品(专题/频道)?

北京设计交流之行,各地设计师与总部UED讲师团就规范/技巧/项目/用研进行几天的交流。各地的同事都很sweet,各种激情不断。且对总网整体工作流程有了进一步的了解,以前,总站和地方站的童鞋其实都对各自的设计工作流程有着各种各样的疑问,通过交流活动,进一步知道大家的工作情况,对梳理自身设计有着蛮大的作用~再次感谢总部和地方站童鞋的给力交流~

【用户研究对产品的重要性】

  • 总部用研团队工作方法:通过两人的用研团队发展下线——ce,每个频道一个。
  • A.用户调查问卷1)拒绝奖品

    2)需求list——用户群基本特征,需求

    3)调研规避上线时间附近和大事件,主要考虑是推广资源对真实数据的影响。

    4)问题设计的要点问题抽象,问题杂糅,敏感性问题,诱导性问题,其他

  • 用户类型,目标,场景,心智模型
  • B.可用性测试:1)5到10人

    2)业内和不同区域用户不参与

    3)控制在1小时以内

  • 文字链碎拼的问题(列表有两个链接,后一条链接的效果很差):迷你首页部分页卡文字新闻区,跌广告的问题 

    不同的组合形式,通过用研的优化,流量翻倍增长

     

【门户(频道)细节考虑】

  • 现代互联网产品的趋势:扁平化,突出内容,个性化,社交化

  • 视觉平衡

    用户视线“落点”在前三屏,重点栏目规划区域。

    区块有醒目的区隔标识,“头条”是拦截注意力的最佳形式

    用户阅读的最佳宽度是600-650px,从左栏到右栏横向大跳跃应极力避免(避免使用横屏全文字描述)。

  • TAB切换标签

    尽量避免在首页用tab,要加也要维持3个以内。tab之间点击差异在10倍左右(第一个TAG与第二个间的数据差异)。

  • 移动时代的web趋势

    视觉上统一、考虑移动端的功能、层级浅、触摸设计,点击区域至少有30px高度、提供内容预览和快速扫描设计、确保主要内容是目标支持的格式,考虑适配性、尽可能显示默认值

  • 明确设计风格:

    产品定位,客户喜好,是否可实现,时尚的,自己擅长,高效的。

    同样是产品,设计不仅仅是为了装饰,而是更好的让用户理解“产品”

【大型项目设计规划方法】

  • 腾讯网未来的网媒产品基本以做精致和深度为主,根据设计趋势制定栏目的风格走向,尤其是针对大型项目。

  • 腾讯网改版

    1)品牌区留白增强品牌  2)要闻区增加间距  3)产品区放置右侧

  • 信息图形化(新闻频道开始大范围使用)

  • 腾讯网大项目的定义

    品牌设计,产品设计,媒体界面设计

    1)具有战略意义的大事件项目

    2)垂直领域的报道

    3)项目周期长,子项目较多(设计持续2个月)

    4)公司联动,参项人员多

  • 设计趋势分析的重要性

    细分每个步骤,每个阶段的设计趋势植入

【总网团队演讲技巧】

  • 简单的介绍自己(讲者)的喜好

  • 介绍下历史(以例子的方式引导听者思考,可以是视频,游戏或图片)

  • 根据主题展开话题,平均一个主题在30页左右的容量,时间为每个1小时左右。期间大专题包含小话题,中间设定休息时间或奖品时间(针对回答问题的童鞋)

  • 回顾每节课的内容,简单梳理知识点。

 

【问题Q&A】

  • 问题:新浪,搜狐为什么不改版?基于其业务线原理,门户业务是其主营业务,轻易不敢改动。
  • 问题:Q首改版后,数据表现如何?8成喜欢Q首页,满意度提升25.8%

    原因:可以快速遭到感兴趣的内容,内容丰富,功能便捷,图文比列协调。

  • 问题:404的由来?原因是在404房间报错,就是404。
  • 问题:汉字调整机制?韩国yahoo产品导航案例,通过调亮图标的阴影和去掉描边

    增加汉字的行间距,多留白

 

【精品栏目】

最后感谢总部的接待同事——韬光养晦,UED的讲师团队~

2012年12月7日

IxDC用户体验与设计管理讨论

和各大公司用研童鞋做交流。谈到设计师被称为美工话题,一人说,设计只有给公司带来价值,才能配得起设计师的称号,而且美工也只是称呼而已,不用过于在意,专业度上来了才能得到别人的尊敬。另一人说,个人价值的快速提升是最核心的东西。笑称,如果两年后,部下没被阿里百度以两倍薪资挖走是他的失败。

 

团队运作

  • 老板拍脑袋决定,团队分交互设计和用研,找用户回来用数据说话。
  • 策划提出来,测试也由它决定。以项目划分团队,项目由谁负责有进度,预先安排。有沉淀下来,方便减少沟通成本。每个月有专业分享,分级别。中级设计师有考核分享。专业业务能力,每个部门抽人出来,关在小黑屋沟通。

 

用研团队架构

  • MIG_用研组,创新组,重构组,各业务组(不同产品_一个设计师一个交互)
  • 设计师有驱动心态,未来设计师要求。
  • 业务能力,产品感觉,团队贡献。设计帮产品落地,保证利润。管理与专业并行。
  • 把设计与产品绑定,大公司容易懒惰。用户体验怎么走?不用想,已经发展很快。要沉淀下来,将产品做好。

 

设计数值化?

前提:将问题提出来。在设计里埋代码,灰度发布。强调设计,产品,技术三位一体。

 

人才培养激活

  • 需要什么样的设计师:是否每个职位的人需求描述是一致的?抄的相同岗位需求_结构性思维_创造力考核。
  • 正职:掌控思想和全局观,思考有全局性。任务:短期(常规任务)/长期(思考项目优缺点)
  • 实习生:更多是做执行,要求很明细严格,与自己的设计理念同步。不用否认,更多告诉他我怎么想?
  • 专业过硬,沟通积极(一般设计被动完成需求),思维弹性(复杂项目如何简化落地)。
  • 设计蜂巢(专家分享),设计夜校(专业技能培训),新人魔鬼营(导师牵头的产品),跨职能培训(主要是产品,技术,设计了解相互如何工作,设计和开发有边界,做出来的东西是想当然)
  • 月度一对一,个人产品,高速思维(以数据图说明价值,一般5分钟完成)

     

用研的价值

用研提高产品专业度,将结论落地。产出实际产品,才有说话的地位。

 

团队设计流程

  • 精益ux设计方法_需求等同于设计,同步工作,向用户学习,快速迭代验证。控件抽象化,需求和设计源同步。
  • 让设计师尊重设计流程_改变美工的称呼,先尊重自己。两种方法:1)跨职能的形式,有需求如何实现,由制度制约 2)吐槽大会,技术说美术,美术说技术,不同职能部门说不同的东西,互相了解可以说什么。风险评估,输入物品质控制,技术体谅,驱动上下游。
  • 速度与品质之间的平衡_每月选出自己最满意的产品,与高层汇报。

 

用户体验布道

  • 美工,在没做出成绩时,先放下尊严。
  • 用研团队解散,可能专业发展不太成熟,设计师和产品经理坐在一块。设计带给公司价值,个人价值的快速提高才是最核心。
  • 产品深绑定,开发是兄弟,市场数据,体验细节逐渐落地。
  • 尊重设计师,主动配合,爱上体验思维。
  • 设计师要求:工作更容易,解决有价值的问题,降低错误率,全局设计优化工具。

 

设计师的分类:

  1. 普通设计师_波动较大,作品专业度起伏。
  2. 专业设计师_给足设计时间,可以做得好。
  3. 职业设计师_在某些恶劣的环境下,能又快又好的做出产品。

 

2012年7月2日

腾讯改版,网友精彩观点回顾~

4D2486F3000BB0D0CD7F47B4A345EC4A B500 900 500 156 - 腾讯改版,网友精彩观点回顾~

观点类:

Da_Kid:新闻门户作为媒体,是传播平台,社交化只是其内容传播渠道的一个补充方式,这里更应该做的是让对的内容和对的用户匹配,强内容弱关系,是要做一个基于用户兴趣喜好的一个推送,而不仅仅是通过协同过滤出来的“朋友们都在看”

 

@AmazingLv:今天你们说炳浩说的有道理,把阅读往日常习惯上努力,是不是这个对于腾讯新闻努力的方向也一样呢?而推荐这个看起来很美