十年前某设计技术团队内部工作坊主题列表

十年前某设计技术团队内部工作坊主题列表

腾讯 腾讯 公司前任CTO张志东说,科技向善。诺基亚 诺基亚 用一句Slogan提醒世界,科技以人为本。各个UED团队都说,以用户为中心进行设计。在现实的世界和岁月中,腾讯网的频道制和字节跳动 字节跳动 的算法之间比拼的是信念, Web标准化组织 W3C 与苹果 苹果 微软 微软 谷歌 谷歌 等公司以及所谓的“网页超文本应用技术工作小组”在XHTML还是HTML5的选择上态度如同泾渭。知易行难。本世纪以来,科技加速改变了人们的生产和生活方式。什么样的生活值得一过?生产革新的目的又是什么?一代人成长,一代人书写,每一代人要为自己和他人留下些什么?命题巨大,古典互联网人行业出圈,留下一些对社区、对用户有正面影响的痕迹,很是不易。

2012年,北京的雾霾还很大。那年苹果 苹果 公司发布了4寸屏幕的iPhone。在中国,移动互联网的访问量开始超越PC端,中国的互联网环境开始发展出自己的独特之处。微信 Weixin/WeChat 公众平台刚刚起步,自媒体概念刚刚兴起。心理学出身、人狠话不多的王坚博士开启了阿里巴巴 Alibaba Cloud 的大数据时代。2013年,百度 百度 在移动互联网开始掉队,阿里巴巴 蚂蚁集团 推出余额宝,互联网金融兴起,一种叫做“二维码”的新事物随着大大小小的创业公司的推广进入百姓眼帘。2014年,中国通信设施服务股份有限公司 China Communications Services ,即铁塔公司成立。中关村创业大街 Innoway 隆重开张,互联网公司接二连三从中关村搬迁至西二旗。阿里巴巴 阿里巴巴集团 在纳斯达克 Nasdaq 上市,微软 微软 的MSN MSN 在中国大陆地区停止服务。

隶属于网络媒体事业群的腾讯微博设计团队在北京银科大厦的大本营也写了自己的一页。那年,前端重构团队的兄弟姐妹们搞了一些技术分享和工作坊,并于公司内外开展跨部门交流。活动每月定期开展2次,每期参与人数8-40人不等。此活动保持了良好的汇报和奖励机制,是一段于前西二旗时代混合着古典互联网式的互助切磋以及弥漫着大家从西苑集贸市场买来的瓜果零食(以榴莲和西瓜为代表)味道的美妙经历。活动主题结合公司IDP专业发展路径图,围绕团队建设、专业理论与思考、工作流程和规范、移动互联网、新技术和工具、设计相关、前端代码七个维度展开。理论与讨论,最终都实现在了项目之中。其中一些话题后来经由出版社的编辑朋友发掘,发行了相关图书,值得满意。

AI时代,再次翻出旧的工作,罗列十年前分享内容或工作坊的主题,以供新时代的互联网人观之。借以提出这样的问题——科技该以如何立场为人服务?如何在职场中保持个人发展和企业利益的双赢,同时度过一段有价值的人生?

新的时代,自有新的回答。

Workshop Topics by a UED Team 10 Years Ago

Former CTO of 腾讯 , Tony Zhang, once said that technology should aspire to do good. 诺基亚 reminded the world with a slogan that technology is "Connecting People". Various User Experience Design (UED) teams advocate "User Centered Design". In reality, the competition between Tencent News' channel system and 字节跳动 's algorithms is a battle of beliefs, while W3C and companies like 苹果 , 微软 , and 谷歌 , along with the so-called "Web Hypertext Application Technology Working Group," have distinct attitudes towards choosing between XHTML and HTML5. It's easy to talk about ideals but hard to put them into practice. Since the beginning of this century, science and technology have rapidly changed people's production methods and lifestyles. What kind of life is worth living? What is the purpose of production innovation? Each generation grows up and writes its own story, leaving something for themselves and others. This proposition is huge, and it's not easy for classical internet professionals to leave a positive impact on communities and users.

In 2012, Beijing was still heavily affected by smog. That year, 苹果 released an iPhone with a 4-inch screen. In China, mobile internet traffic began to surpass PC traffic as the country's internet environment started to develop its unique characteristics. Weixin/WeChat public platform was just starting, and the concept of self-media was emerging. Dr. Wang Jian, who has a background in psychology and is known for being tough yet quiet, ushered in Alibaba Cloud 's big data era. By 2013, 百度 began to lag in the mobile internet sector, 蚂蚁集团 launched Yu'e Bao, and internet finance began to rise. A novelty called "QR codes" entered the public eye through the promotion of startups large and small. In 2014, China Communications Services was established. The Zhongguancun Entrepreneurship Street Innoway officially opened, and internet companies moved one after another from Zhongguancun to Xierqi. 阿里巴巴集团 went public on Nasdaq , and 微软 's MSN service ceased operations in mainland China.

Against this backdrop, the Tencent Weibo design team also wrote their chapter at their headquarters in the Yinke Building. At that time, the front-end restructuring team organized some technical sharing sessions and workshops, conducting cross-departmental exchanges inside and outside the company. These activities were held twice a month regularly, with participation ranging from 8 to 40 people per session. The activity maintained a good reporting and reward mechanism, creating a wonderful experience mixed with the spirit of mutual assistance characteristic of the classic internet era and the aroma of fruits and snacks bought from Xiyuan Market (represented by durians and watermelons). The themes of these activities revolved around seven dimensions: team building, professional theory and thought, work processes and standards, mobile internet, new technologies and tools, design-related topics, and front-end code. The theories and discussions were ultimately all realized in the project. Some of these topics were later discovered by an editor friend at the publishing house, leading to the publication of related books, which was very satisfying.

In the age of AI, revisiting old work and listing the themes of those decade-old share sessions or workshops can offer insights to today's internet professionals in an era where more people are too busy to look up from their paths. It prompts us to ask how technology should serve humanity and how individuals can achieve a win-win situation between personal development and corporate interests while leading a meaningful life in the workplace.

Each new era brings its answers.

(Translated by Qwen , a large language model developed by Alibaba Cloud .)


主题列表 Topics

内容贡献者 Contributors:

Alfie He, Anita Huang, Color Li, Benny Zhai, Jelly Zhang, Letitia Wang, Yingzi Dong, Zex Zhang, 盼盼, 惠群.

Apr 2012:

  • HTML Agile Integration
  • 字符icon设计 (Designing Icon Font)
  • 响应式设计之FlexBox (Responsive Design with FlexBox)
  • SASS & SCSS

May 2012:

  • IE Filter
  • 思维定势和惯性思维 (Mindset and Inertial Thinking)

Jun 2012:

  • CSS3 Transform背后的矩阵原理 (Matrix Principles Behind CSS3 Transforms)

Juy 2012:

  • HTML/CSS 组件化 (Componentization in HTML/CSS)

Sep 2012:

  • 响应式Web设计 (Responsive Web Design)
  • 腾讯财付通项目的文件架构 (File Structure for Tencent Tenpay Project)

Oct 2012:

  • Bootstrap初探 (Introduction to Bootstrap)
  • “悦读”项目中的响应式设计实践 (Responsive Design Practices in the "Yuedu" Project)
  • CSS inline-block实例解析 (CSS Inline-Block Examples)
  • Sublime Text

Nov 2012:

  • 再探SCSS (Further Exploration of SCSS)
  • HTML5/CSS3

Dec 2012:

  • HTML5 & WAI-ARIA
  • Base64编码 (Base64 Encoding)

Jan 2013:

  • 淘宝团队的前端工作模式、职业发展及价值体现 (Front-end Work Model, Career Development, and Value Realization in the Taobao Team)
  • 通过同域代理测试移动设备的方法 (Testing Mobile Devices via Cross-Domain Proxy)

Mar 2013:

  • 开源图标字体iconMoon介绍与应用 (Introduction and Application of Open Source Icon Fonts: iconMoon)
  • “悦读”项目工作流程 (Workflow in the "Yuedu" Project)
  • 腾讯微博“微频道”和响应式设计的邂逅 (The Encounter of Tencent Weibo's "Micro Channel" and Responsive Design)

Apr 2013:

  • JavaScript PopStar Game
  • “微圈”项目的思考: 不盲目模仿,走自己的路 (Thoughts on the "Weiquan" Project: Not Blindly Copying, Forging Our Own Path)
  • SVG
  • 移动端Web开发实践 (Mobile Web Development Practices)

May 2013:

  • RESS
  • Sublime Text实用技巧 (Practical Tips for Sublime Text)
  • CSS3 Transforms and Transitions
  • 基于phoneGap的APP开发实践之初体验 (Initial Experience with PhoneGap-Based APP Development)
  • Font那些事 (All About Fonts)

Jun 2013:

  • Mobile Web App前端调试: Weinre & MIHTool (Front-end Debugging for Mobile Web Apps: Weinre & MIHTool)
  • 腾讯微博制作稿环境整理设想 (Conceptualizing the Production Environment for Tencent Weibo)
  • WebRTC

Jul 2013:

  • 网页图片优化 (Image Optimization for Websites)
  • Font那些事: 进阶版 (Advanced Topics on Fonts)
  • 下拉刷新 (Pull to Refresh)
  • A CSS Property: Border-image
  • W3C Geolocation API 初探 (Introduction to W3C Geolocation API)
  • SMART SPRITES 应用 (SMART SPRITES Application)
  • SASS调试 (SASS Debugging)

Aug 2013:

  • CSS3 Gradient渐变基础 (CSS3 Gradient Basics)
  • All About "-webkit-box"

Sep 2013:

  • Setting Up a Blog on GitHub
  • B计划之那些年我们用到的WebApp技术 (In Plan B: WebApp Technologies We've Used Over the Years)

Oct 2013:

  • 认识CSS选择器 (Understanding CSS Selectors)
  • 那些年你所不知道的 Radio Button (Little-Known Facts about Radio Button)
  • 腾讯内容管理系统操作讲解 (Operation Explanation of Tencent Content Management System)

Nov 2013:

  • QQ客户端微博面板不得不说的CSS3技巧 (Indispensable CSS3 Techniques for Weibo Panels in QQ Client)
  • 声明文档类型 DOCTYPE (Declaring Document Type DOCTYPE)

Dec 2013:

  • 无线建站制作环境简介 (Overview of Wireless Site Construction Environment)
  • SASS变量 (SASS Variables)
  • Grunt应用 (Grunt Application)

Mar 2014:

  • CSS3 Loading特效 (CSS3 Loading Effects)
  • 正则表达式入门 (Introduction to Regular Expressions)

May 2014:

  • 物理:运动的小滑块 (Physics in Design: An Example with Moving Sliders)
  • EMMET LIVESTYLE

要查看或添加评论,请登录

翟东方的更多文章

  • 我的读书经历:来凤华老师讲座观后

    我的读书经历:来凤华老师讲座观后

    聆听了来老师分享自己的读书经历的讲座后,我的第一感觉是来老师的读书是比较系统且符合认知发展规律的。比如在小学阶段,来老师首先接触的是中国古典小说、话本、通俗小说等,被一些小说中的情节所吸引,产生了最早的读书兴趣。在初高中阶段,来老师逐渐迷上…

  • 责任的六个层次:写给我的学生们

    责任的六个层次:写给我的学生们

    每个周五,班上都会召开主题班会。这些不同主题和形式的班会,鼓舞了我们的信心,也提醒着我们每个同学时刻要保持自主学习的意识。此前的班会曾以“爱”、“乐观”、“读书”、“自律”为主题,本次班会决定把主题定位在“责任”二字上。和自律比起来,责任的…

  • 中学古诗文中的“青”与“绿”

    中学古诗文中的“青”与“绿”

    早在三年前,新冠疫情尚未来袭,学校在新清华学堂组织了一场演出。彼时,教工和同学们都出了节目,相亲相爱,其乐融融。其中,初三的班主任姑娘们出了一个舞蹈节目《阿里山的姑娘》,她们拉起手来,边唱边跳,之后,欢乐谢幕。…

  • 中学现代诗歌创作的教与学

    中学现代诗歌创作的教与学

    最近,我在读曹勇军老师的文章。一些关系到古典诗歌和现代诗歌之间的比较的表述,在我脑海中印象比较深刻。比如,曹老师讲到“古典诗歌中的典故意味着巨大的互文联想”[1]。在对学生讲授古代诗歌的时候,因为古今生活经验差距太大,如何唤起学生关于典故的…

  • 没点手段,你当不了班主任——应“脉脉”访谈记录

    没点手段,你当不了班主任——应“脉脉”访谈记录

    教育绝不仅仅是上课,尤其是对于一个班主任来说,下课后同样重要。Dongfang ZHAI 的微信名是“五柳先生”,与他某北京高校附属中学语文老师&班主任的身份,相得益彰。 Dongfang ZHAI 算得上是 脉脉…

  • 响应式Web设计十年记

    响应式Web设计十年记

    本文作者是响应式设计创始人,《网站重构:应用Web标准进行设计网站重构》的联合作者。作者的几本重要著作改变了前十年的互联网前端开发环境和各公司的岗位设置,也对SEO行业有重大影响。 大家好,我突然想起高兴的事情。…

  • 为自己设置一个小目标——写给14-17岁的孩子们(附任务设计)

    为自己设置一个小目标——写给14-17岁的孩子们(附任务设计)

    光阴似箭,从开始自主学习到现在,两个月的时间如白驹过隙般过去了。我们不妨问问自己,我们每一天的学习积累,是否真的足够为我们未来的人生大厦打下了足够坚实的地基?每次作业,每次考试,大家是否都把它当成一颗颗鹅卵石,垫在我们进步的路上,让我们感觉…

  • 关于我和读书这件事的三言两语

    关于我和读书这件事的三言两语

    我的诗歌基础,以及在教学上如何具体体现诗歌基础的…

  • China Internet: 2008-2019

    China Internet: 2008-2019

    After a morning of coding, we took a walk down Haidian Street, debating whether to have jiaozi or barbecue for lunch…

  • 中国互联网:2008-2019

    中国互联网:2008-2019

    小伙伴们写完代码琢磨中午吃水饺还是烧烤,觉得平时胡同里没这么多人啊。几个月后才会倒闭的几家饭店全部满座,小伙伴们只好回到银科大厦下边吃麦当劳。——2014年6月12日 2008,戊子鼠年,SEO及手工业。…

    1 条评论

社区洞察

其他会员也浏览了