<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Career on Victor42</title><link>https://victor42.eth.limo/tags/career/</link><description>Recent content in Career on Victor42</description><generator>Hugo -- gohugo.io</generator><language>en</language><managingEditor>hi@victor42.work (Victor42)</managingEditor><webMaster>hi@victor42.work (Victor42)</webMaster><lastBuildDate>Fri, 03 Apr 2026 09:42:00 +0000</lastBuildDate><atom:link href="https://victor42.eth.limo/tags/career/index.xml" rel="self" type="application/rss+xml"/><item><title>A funny story about AI implementation</title><link>https://victor42.eth.limo/post-en/the-great-ai-ification/</link><pubDate>Fri, 03 Apr 2026 09:42:00 +0000</pubDate><author>hi@victor42.work (Victor42)</author><guid>https://victor42.eth.limo/post-en/the-great-ai-ification/</guid><description>&lt;img src="https://cdn.victor42.work/posts/2026-04/5c4ba548b31db35137c4d2b685767ba3.webp" alt="Featured image of post A funny story about AI implementation" /&gt;&lt;p&gt;The company churns out a ton of fixed-template images daily: course covers, promo banners, printed signs, desk nameplates, arm stickers, you name it. It mostly boils down to swapping out text and picking a background from a preset pool based on the category.&lt;/p&gt;
&lt;p&gt;Having designers do this manually is a pipe dream. The ops team doesn&amp;rsquo;t know Photoshop and refuses to learn. Outsourcing it costs 20 RMB a pop.&lt;/p&gt;
&lt;p&gt;My day job is UI design, but this chore somehow became my gig. I built a personal project that bridges Excel and Photoshop. Ops fills out a spreadsheet, designers maintain the PSD templates, and my script automatically maps the data into the templates, spitting out images in bulk. Over the past two years, it has generated roughly 150k RMB worth of design assets—enough to hire a few interns just to do the manual labor.&lt;/p&gt;
&lt;p&gt;&lt;a class="link" href="https://github.com/greenzorro/excel-ps-batch-export" target="_blank" rel="noopener"
&gt;https://github.com/greenzorro/excel-ps-batch-export&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;This Python script isn’t tailor-made for the company; it’s highly versatile. Whatever PSD template you build, my script generates the matching Excel sheet. Ops fills it in, hands it back, and boom—instant image batch.&lt;/p&gt;
&lt;p&gt;Recently, the big boss started waving the AI flag, aggressively pushing AI adoption to &amp;ldquo;cut costs and boost efficiency.&amp;rdquo; He eyed my batch-export setup and decided to make it the flagship AI demo to set the standard for the whole company.&lt;/p&gt;
&lt;p&gt;In terms of cutting costs and boosting efficiency, my project is already doing exactly that. There&amp;rsquo;s nothing left to push. The catch? It’s not AI. It’s just a hardcoded script.&lt;/p&gt;
&lt;p&gt;That’s a dealbreaker. Without AI, it won&amp;rsquo;t pass the boss&amp;rsquo;s vibe check. Traditional code is seen as an outdated productive force. It needs that &amp;ldquo;AI flavor&amp;rdquo;—an overwhelming, undeniable AI aesthetic.&lt;/p&gt;
&lt;p&gt;On the flip side, since the script runs locally on my machine, the whole process bottlenecks at me. And honestly, what boss doesn’t dream of &amp;ldquo;distilling&amp;rdquo; their employees into modular digital skills?&lt;/p&gt;
&lt;p&gt;No problem. Distill away. Deploying it to the cloud solves that. Technically, they’re appropriating my personal IP for free, but since I don&amp;rsquo;t mind (and it&amp;rsquo;s open-source anyway), whatever.&lt;/p&gt;
&lt;p&gt;Deploying it on the company server and slapping a GUI on it would make it a complete product. Give the ops team a quick tutorial, and it’s undeniably a step up from running it locally.&lt;/p&gt;
&lt;p&gt;But alas, still no AI. Too primitive. Middle management vetoed it. If it’s not AI, we have to dress it up as AI. The final master plan? Spin up an AI bot on the server, give it a DingTalk account, and drop it into the ops group chat. Now, ops just @s the bot every day to generate images—exactly how they used to @ me.&lt;/p&gt;
&lt;p&gt;Perfect! Just like that, a piece of my soul has been digitized, permanently enshrined in the corporate mainframe. Honestly, if we swapped the bot&amp;rsquo;s name and avatar to mine, it would probably be even more intimidating to the boss.&lt;/p&gt;
&lt;p&gt;The only hiccup is that a zero-cost operation is now burning through LLM tokens daily.&lt;/p&gt;
&lt;p&gt;But on second thought, the boss probably sees this as a massive win. Finally, someone in the company is burning tokens and actually producing tangible results! The dawn of his grand AI empire is here. Sound the charge! Who cares about unit economics? In the name of AI, cost is but an illusion.&lt;/p&gt;
&lt;p&gt;My takeaway? AI isn&amp;rsquo;t a bubble. The doomers can rest easy. Setting aside how many real-world problems it actually solves, its mere existence is a spiritual balm, offering astronomical emotional value. It’s the new tech-bro Hermès. Between economic value and emotional value, it guarantees at least one. What a magical industry!&lt;/p&gt;
&lt;p&gt;So yeah, the corporate grind is actually pretty entertaining. If the ship is going crazy, you might as well grab an oar and enjoy the ride. At the end of the day, having fun is all that matters~&lt;/p&gt;</description></item><item><title>Why AI Fails at Work</title><link>https://victor42.eth.limo/post-en/barriers-to-ai-adoption-in-companies/</link><pubDate>Mon, 09 Jun 2025 10:02:00 +0000</pubDate><author>hi@victor42.work (Victor42)</author><guid>https://victor42.eth.limo/post-en/barriers-to-ai-adoption-in-companies/</guid><description>&lt;img src="https://cdn.victor42.work/posts/2025-06/72358370443a48e8cf01f51a4d8e7fd3.webp" alt="Featured image of post Why AI Fails at Work" /&gt;&lt;p&gt;Two big, interconnected reasons:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;In most fields, AI still can&amp;rsquo;t beat the pros.&lt;/li&gt;
&lt;li&gt;Modern business runs on specialized roles.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;How so? Check this out:&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/ca711ac73960759e026185b379056574.webp"
loading="lazy"
alt="A diagram representing the total required business capabilities as a large square and an individual’s skillset as a small cluster"
&gt;&lt;/p&gt;
&lt;p&gt;Imagine this circle is your skillset. The entire white space is everything needed to run your company.&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/19ada012dc898e3ac9126beaad49fac7.webp"
loading="lazy"
alt="A diagram showing the space covered by AI assistance (greyed out) except for the individual’s core expertise"
&gt;&lt;/p&gt;
&lt;p&gt;With AI, you can dabble outside your lane and be better than a complete beginner. But in your own area of expertise, AI is still no match for you.&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/5b14439e39a31c5ab15bcf1335571cdf.webp"
loading="lazy"
alt="A diagram representing a colleague’s skillset as an orange cluster in the top right"
&gt;&lt;/p&gt;
&lt;p&gt;Here&amp;rsquo;s your colleague&amp;rsquo;s skillset. Different job, but a similar-sized circle of expertise.&lt;/p&gt;
&lt;p&gt;A company is just a collection of specialists. Everyone sticks to their job, and together, you cover all the bases.&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/661a2d07265bb07ad2781949f5dfa04a.webp"
loading="lazy"
alt="A diagram showing the combined skillsets of different specialists almost completely covering the required company capabilities"
&gt;&lt;/p&gt;
&lt;p&gt;See where this is going? There&amp;rsquo;s hardly any room left for AI to step in.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Aha! The biggest roadblock for AI is something fundamental and almost impossible to change: specialization, the very foundation of modern business.&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;So, back to our two points:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;In most fields, AI still can&amp;rsquo;t beat the pros.&lt;/li&gt;
&lt;li&gt;Modern business runs on specialized roles.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;For this to change, one of those two things has to give.&lt;/p&gt;
&lt;p&gt;Uprooting specialization is almost unthinkable. But if AI surpasses the pros, specialization becomes irrelevant anyway. And that would lead to a society we can&amp;rsquo;t even picture today.&lt;/p&gt;
&lt;p&gt;But things change slowly. AI is closing the gap on the experts, little by little. You could say it&amp;rsquo;s already better than some, or at least the less skilled ones.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;So AI &lt;em&gt;is&lt;/em&gt; being used, right? Exactly.&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Most employees have messed around with AI. But two things are holding them back from going all-in:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;They&amp;rsquo;ve discovered AI can&amp;rsquo;t top them at their day job, but it&amp;rsquo;s a miracle worker for things they&amp;rsquo;re clueless about. So, AI gets relegated to side quests and personal tasks.&lt;/li&gt;
&lt;li&gt;And sure, AI can save them some time on the job. But that time is already paid for by the boss. Are they really going to hand back those cleverly saved minutes? No way. They pocket the extra time, and the boss is none the wiser.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;strong&gt;But jobs are disappearing, aren&amp;rsquo;t they?&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;But look closer. What kind of jobs? Which roles are being handed to AI? Why is this happening if AI isn&amp;rsquo;t even pro-level yet?&lt;/p&gt;
&lt;p&gt;Usually, it&amp;rsquo;s the jobs that are less critical to making money. For these roles, a drop in quality to AI-level is &amp;ldquo;good enough.&amp;rdquo; On the flip side, have you ever heard of a sales team being replaced by AI? Didn&amp;rsquo;t think so.&lt;/p&gt;
&lt;p&gt;This is nothing new. Companies have been cutting these same kinds of jobs during downturns long before AI came along. It&amp;rsquo;s not some AI-powered revolution.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;AI will only get more powerful. How should we adapt?&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Picture the previous diagrams as topographical maps viewed from above. The bright spots are mountains; the lighter areas are plains.&lt;/p&gt;
&lt;p&gt;AI is like a rising tide, slowly submerging the lowlands of every profession (though the water is still shallow). Only those on higher ground will be left to shine. But even those on high ground can&amp;rsquo;t afford to be complacent. Leveraging AI is like building a boat. The flood then becomes your playground, allowing you to venture out from your mountaintop and explore every domain, including higher mountains.&lt;/p&gt;
&lt;p&gt;But what if you&amp;rsquo;re starting from the lowlands with nothing to your name? Then AI is the ultimate learning tool. It&amp;rsquo;s your ticket to building a boat and getting afloat. You can then sail directly to the mountainside, skipping the initial, arduous climb. You still have to scale the rest of the peak yourself. But don&amp;rsquo;t mind the flood; it won&amp;rsquo;t rise faster than you can climb.&lt;/p&gt;
&lt;p&gt;In both cases, the key is the boat. The boat is the will and determination to never stop learning.&lt;/p&gt;</description></item><item><title>Turning Photoshop into a Machine Gun with Excel</title><link>https://victor42.eth.limo/post-en/3650/</link><pubDate>Thu, 13 Jun 2024 14:05:00 +0000</pubDate><author>hi@victor42.work (Victor42)</author><guid>https://victor42.eth.limo/post-en/3650/</guid><description>&lt;img src="https://cdn.victor42.work/posts/2024-06/927f0f7ac6f154b4027673e30b629be2.jpg" alt="Featured image of post Turning Photoshop into a Machine Gun with Excel" /&gt;&lt;p&gt;I heard Marketing was tearing their hair out. The boss greenlit the new course cover design, and now they needed to update all 800+ existing covers. It wasn&amp;rsquo;t a simple find-and-replace; there were tons of small differences. Marketing has only one designer, and they were slammed. Doing it in-house? No way. Outsourcing would cost 20 RMB per image, totaling 16,000 RMB – a budget buster.&lt;/p&gt;
&lt;p&gt;Bingo! 16,000 RMB? My ears perked up. I love automation. A data geek who knows Photoshop? This was my moment. People talk about the &amp;ldquo;value of design.&amp;rdquo; But what &lt;em&gt;is&lt;/em&gt; your value? How do you put a number on it? Saving the company a designer&amp;rsquo;s monthly salary in half a day? That&amp;rsquo;s real value. Plus, it&amp;rsquo;d be great for my year-end review. I jumped on the task.&lt;/p&gt;
&lt;h2 id="the-challenge"&gt;The Challenge
&lt;/h2&gt;&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2024-06/d257445c788894aad2f9c9d25333d834.jpg"
loading="lazy"
alt="Pink-orange course cover template with orange rounded tag showing Product Operations at top, large text How to Create Potential Hit Products in center, smaller text New Product Development below, grid texture and geometric decorations in background"
&gt;&lt;/p&gt;
&lt;p&gt;This is the template the marketing designer created. No use criticizing – the boss wanted this style. Simple. The basic need was also simple: replace three text areas and generate 800+ images.&lt;/p&gt;
&lt;p&gt;Most designers would think, &amp;ldquo;Piece of cake! Define some variables in Photoshop, create an Excel sheet, and batch export.&amp;rdquo;&lt;/p&gt;
&lt;p&gt;If you &lt;em&gt;don&amp;rsquo;t&lt;/em&gt; know how to batch output with Excel and Photoshop, check out this tutorial: &lt;a class="link" href="https://zhuanlan.zhihu.com/p/33725280" target="_blank" rel="noopener"
&gt;https://zhuanlan.zhihu.com/p/33725280&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Yeah&amp;hellip; that&amp;rsquo;s the gist. If it were &lt;em&gt;that&lt;/em&gt; easy, you could just follow the tutorial, and this article would be done.&lt;/p&gt;
&lt;p&gt;But, once I saw the template, I realized it was much trickier. The variations were crazy:&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2024-06/927f0f7ac6f154b4027673e30b629be2.jpg"
loading="lazy"
alt="Grid of ten course covers with different color schemes and themes, including Product Operations/Sports Academy/Taobao New Merchant/Tmall New Merchant/Education Academy/Home Academy/FMCG Academy/Enterprise Academy/Digital Academy/Fashion Academy, each with category-colored tag at top"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2024-06/2f196e8210e1f43dae80cd978031cf36.jpg"
loading="lazy"
alt="Three course category label designs stacked vertically: orange Product Operations label, orange Taobao New Merchant label, pink Tmall New Merchant label, all with rounded rectangle backgrounds"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2024-06/0a0c12d573ee7d0f2958cd0baee914fc.jpg"
loading="lazy"
alt="Title layout comparison: top Taobao New Merchant cover shows two-line title Name Max 8 Characters and Line 2 Content 1, bottom Tmall New Merchant cover shows single-line title Name Max 8 Characters 1, each with description text placeholder below"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2024-06/f60e4590c7b4551a14e93c37b5396f8d.jpg"
loading="lazy"
alt="Two bottom bar design slices: top blue background with monitor icon showing Max 5 Characters, bottom pink background with folder icon showing Max 5 Characters, demonstrating different category decoration styles"
&gt;&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;Over a dozen course categories, some with unique backgrounds, others sharing.&lt;/li&gt;
&lt;li&gt;The top category wasn&amp;rsquo;t always text. Two (Taobao and Tmall) used logos – images.&lt;/li&gt;
&lt;li&gt;Course titles: one or two lines. Single-line titles needed vertical centering.&lt;/li&gt;
&lt;li&gt;Text color changed with the background – a tinted shade, not pure black.&lt;/li&gt;
&lt;li&gt;The bottom description text wasn&amp;rsquo;t always there. If missing, its decorative box had to go too.&lt;/li&gt;
&lt;li&gt;The box&amp;rsquo;s line color also changed, matching the text but brighter.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;Think. Could you handle this with Photoshop variables? Sure, you could make a dozen PSDs. But I wanted just &lt;em&gt;one&lt;/em&gt;.&lt;/p&gt;
&lt;p&gt;Yes, it was possible.&lt;/p&gt;
&lt;p&gt;But it needed a designer who was also an Excel expert.&lt;/p&gt;
&lt;h2 id="designing-the-excel-data-model"&gt;Designing the Excel Data Model
&lt;/h2&gt;&lt;p&gt;The complexity meant I needed to think about the data model first.&lt;/p&gt;
&lt;p&gt;Programmers might laugh. &amp;ldquo;Data model? For a simple image?&amp;rdquo;&lt;/p&gt;
&lt;p&gt;Don&amp;rsquo;t @ me! I&amp;rsquo;m just using the idea. Look, if you just want to finish, anything goes. But for top efficiency, you need a data model mindset. What&amp;rsquo;s that? The operations team fills in the least info, and I do the least work per export. This was ongoing, so I needed low marginal costs. The initial setup could be complex; that cost was less important.&lt;/p&gt;
&lt;p&gt;So, what columns did we need?&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Course Category&lt;/li&gt;
&lt;li&gt;Course Title&lt;/li&gt;
&lt;li&gt;Description&lt;/li&gt;
&lt;li&gt;Background Image&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Obvious ones. Adding the variations, the real list was:&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2024-06/3edc562bdfee2fb96d5271d682185f6b.jpg"
loading="lazy"
alt="Excel fact table screenshot with 12 columns: Filename/Category/Title Line 1/Title Line 2/Description/Taobao/Tmall/Single Line/Two Lines/Has Description/Background Image/Foreground Color, showing data for Rule Interpretation/Product Operations/Content Live categories"
&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Filename: Controls the output filename, arranged logically.&lt;/li&gt;
&lt;li&gt;categories: The dozen-ish categories, shown at the top, determining the template.&lt;/li&gt;
&lt;li&gt;Title Line 1: Titles can be one or two lines, split for manual line breaks.&lt;/li&gt;
&lt;li&gt;Title Line 2: Optional; if blank, it&amp;rsquo;s a single-line title.&lt;/li&gt;
&lt;li&gt;Description: The optional keywords, determining if the box below is shown.&lt;/li&gt;
&lt;li&gt;Taobao: Yes/no, toggles the Taobao logo, based on Category.&lt;/li&gt;
&lt;li&gt;Tmall: Yes/no, toggles the Tmall logo, based on Category.&lt;/li&gt;
&lt;li&gt;Single Line: Yes/no, controls the single-line title layer, based on Title Line 2.&lt;/li&gt;
&lt;li&gt;Two Lines: Yes/no, controls Title Line 1 and 2 layers, based on Title Line 2.&lt;/li&gt;
&lt;li&gt;Has Description: Yes/no, controls the description box, based on Description.&lt;/li&gt;
&lt;li&gt;Background Image: Path for the background image.&lt;/li&gt;
&lt;li&gt;Foreground Color: Path for the color image, used for title text color.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2024-06/f0990a616f2f602bcdd42a44bb01df9e.jpg"
loading="lazy"
alt="Photoshop layers panel screenshot from top to bottom: Foreground Color layer/Text Group folder containing Description/Title Line 2/Title Line 1/Title Single Line text layers/Hue-Saturation adjustment layer/Foreground Color layer"
&gt;&lt;/p&gt;
&lt;p&gt;Explanation: I had three title layers. One for single-line, two for two-line titles.&lt;/p&gt;
&lt;p&gt;Giving this to operations would be brutal. Most could be calculated. Operations only needed: Category, Title Line 1, Title Line 2, and Description. I made an online spreadsheet with just those four and sent it out. We had 5-6 people working, each taking categories. They finished fast.&lt;/p&gt;
&lt;p&gt;The hard part was mine: calculating the rest, all needed for Photoshop. None could be skipped. Category was key. It determined the logos, background, text color, and filename sorting. So, I made a separate Category table, a dimension table, where each category was like a product. The image content table was the fact table, like an order. Category name was the dimension table&amp;rsquo;s primary key, a foreign key in the fact table, pulling in category info. One fact table (CSV) and one dimension table – a simple star schema, or maybe &amp;ldquo;Earth-Moon schema&amp;rdquo;?&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2024-06/6d4da5705eb81be2c0eee26a2cf600a7.jpg"
loading="lazy"
alt="Excel dimension table screenshot with 5 columns: Category/id/Filename/Background Image/Foreground Color, listing 18 categories including Rule Interpretation/User Operations/Product Operations with corresponding template file paths"
&gt;&lt;/p&gt;
&lt;p&gt;These concepts are from data modeling and databases. Simply, it&amp;rsquo;s defining attributes on Category. Anything in a category would auto-read the background, color, etc., based on the name. This matched the requirements.&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2024-06/a536f153f4837dc8de1937558ca0482d.jpg"
loading="lazy"
alt="Excel consolidated table screenshot with 5 columns: Sequence/Category Name/Title Line 1/Title Line 2/Keywords, showing operations-entered data for Rule Interpretation/Product Operations/Content Live/Taobao New Merchant/Tmall New Merchant/Fashion Academy categories"
&gt;&lt;/p&gt;
&lt;p&gt;All the operations data (4 columns) was now in my Excel. I referenced it, added the calculated columns, and formed a complete table. I updated, saved as CSV, and gave it to Photoshop.&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2024-06/3edc562bdfee2fb96d5271d682185f6b.jpg"
loading="lazy"
alt="Excel fact table complete configuration screenshot with 12 columns showing automatically calculated cover metadata through formulas"
&gt;&lt;/p&gt;
&lt;p&gt;These calculated columns tested my Excel skills:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;code&gt;vlookup&lt;/code&gt; was crucial for looking up category attributes.&lt;/li&gt;
&lt;li&gt;Filenames needed text concatenation. I could combine them freely, deciding the output order.&lt;/li&gt;
&lt;li&gt;I used string replacement to remove spaces in titles, ensuring centering even with accidental spaces.&lt;/li&gt;
&lt;li&gt;&lt;code&gt;IF&lt;/code&gt; checked for empty values, preventing 0 on empty rows.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;These are easy for Excel users, so I won&amp;rsquo;t detail them.&lt;/p&gt;
&lt;h2 id="merging-tables-with-power-query"&gt;Merging Tables with Power Query
&lt;/h2&gt;&lt;p&gt;But, two questions remained:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;How did operations&amp;rsquo; data get into my Excel?&lt;/li&gt;
&lt;li&gt;How do I update it?&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2024-06/800867584af30783c478924a6db86fdd.jpg"
loading="lazy"
alt="Excel online collection form screenshot with 4 columns: Category Name/Title Line 1/Title Line 2/Keywords, bottom tab bar showing General/New Merchant/Fashion/FMCG/Digital/Home/Sports/Education/Enterprise worksheets"
&gt;&lt;/p&gt;
&lt;p&gt;First: The online spreadsheet let people work independently and update in real-time. My table was local because I needed Excel&amp;rsquo;s Power Query for merging, which most online spreadsheets lack.&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2024-06/521925ce776cc959e7698c66e0969042.jpg"
loading="lazy"
alt="macOS Finder folder screenshot showing 8 items: Cover Template.psb/Cover Content.xlsx/Cover Content Collection.xlsx/Workbook 7.csv/Template-Background folder/Template-Foreground folder/JPG folder/PSD folder"
&gt;&lt;/p&gt;
&lt;p&gt;For each batch, I downloaded the online spreadsheet (&lt;code&gt;Course Cover Content Collection.xlsx&lt;/code&gt;) to the same directory as my table (&lt;code&gt;Course Cover Content.xlsx&lt;/code&gt;). The data link would stay as long as the location didn&amp;rsquo;t change.&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2024-06/2878de8a5b1e67e4846803c6e585a9b3.jpg"
loading="lazy"
alt="Excel Data menu screenshot with red box highlighting Get Data Power Query button, next to Refresh All/Queries &amp; Connections/Properties/Workbook Links options"
&gt;&lt;/p&gt;
&lt;p&gt;I used Power Query from the &amp;ldquo;Data&amp;rdquo; menu. Think of it as a visual SQL. It reads data from local tables, web pages, databases, and Azure, and cleans, transforms, and aggregates it. I used its local table reading.&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2024-06/be21ed673a8ff88073305b48f847fefd.jpg"
loading="lazy"
alt="Power Query editor screenshot with 10 queries listed on left: General/New Merchant/Fashion/FMCG/Digital/Home/Sports/Education/Enterprise/Merged, center table showing Category Name/Title Line 1/Title Line 2/Keywords data, right Query Settings showing Source/Navigation1/Changed Type/Promoted Headers steps"
&gt;&lt;/p&gt;
&lt;p&gt;The Power Query interface is both familiar and strange to basic Excel users. Familiar: &amp;ldquo;Tables!&amp;rdquo; Strange: &amp;ldquo;What&amp;rsquo;s all this?&amp;rdquo;&lt;/p&gt;
&lt;p&gt;Understanding Power Query: It does three things:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;Specifies the data source.&lt;/li&gt;
&lt;li&gt;Sets rules and conditions.&lt;/li&gt;
&lt;li&gt;Executes and loads data, one request per sheet.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2024-06/af1dc0620c1d62b971ac405eddbb55cc.jpg"
loading="lazy"
alt="Power Query editor left panel screenshot showing Queries[10] title with General/New Merchant/Fashion/FMCG/Digital/Home/Sports/Education/Enterprise/Merged 10 query items listed below"
&gt;&lt;/p&gt;
&lt;p&gt;Step two is crucial. The left list is a series of requests, executed in order.&lt;/p&gt;
&lt;p&gt;Each needs &amp;ldquo;Use First Row as Headers&amp;rdquo; and removal of empty values.&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2024-06/69054b9e157cd497d0ede7fa9d85a547.jpg"
loading="lazy"
alt="Power Query editor toolbar screenshot with red box highlighting Append Queries button under Combine dropdown, next to Close &amp; Load/Get Data/Enter Data buttons"
&gt;&lt;/p&gt;
&lt;p&gt;It&amp;rsquo;s not just filtering and sorting. I used its table merging. Operations&amp;rsquo; data was scattered. I couldn&amp;rsquo;t copy-paste, right? I queried each sheet, then created an append request, combining tables with the same format, like SQL&amp;rsquo;s &lt;code&gt;CROSS JOIN&lt;/code&gt;.&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2024-06/137c056d4946b2367dc3259518c0e5dd.jpg"
loading="lazy"
alt="Power Query Append dialog with title Append, Three or more tables option selected, left Available Tables list showing General/New Merchant/Fashion/FMCG/Digital/Home/Sports/Education/Enterprise, right Tables to Append list with New Merchant/Fashion/FMCG/Digital/Home/Sports/Education/Enterprise selected"
&gt;&lt;/p&gt;
&lt;p&gt;Its merge query is also useful, like SQL&amp;rsquo;s &lt;code&gt;JOIN&lt;/code&gt; and &lt;code&gt;LEFT JOIN&lt;/code&gt;.&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2024-06/66b4091f7dfc0ebf0448baf72b6509c0.jpg"
loading="lazy"
alt="Power Query editor toolbar screenshot with red box highlighting Close &amp; Load button in top-left Close area, next to Get Data/Enter Data/Options buttons"
&gt;&lt;/p&gt;
&lt;p&gt;&amp;ldquo;Close&amp;rdquo; (actually save) made a bunch of sheets appear. I deleted unneeded ones. I added a sequence number for filename sorting.&lt;/p&gt;
&lt;p&gt;All operations data was now in.&lt;/p&gt;
&lt;p&gt;Second question: updating?&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2024-06/e56e2966a217111a4a10f15db546dd42.jpg"
loading="lazy"
alt="Excel Data menu screenshot with red box highlighting Refresh All button in Queries &amp; Connections area, next to Get Data Power Query/Properties/Workbook Links options"
&gt;&lt;/p&gt;
&lt;p&gt;New batch? Download, overwrite, open the data table, &amp;ldquo;Data&amp;rdquo; menu, &amp;ldquo;Refresh.&amp;rdquo; Simple.&lt;/p&gt;
&lt;p&gt;Why compare to SQL? It records query &lt;em&gt;conditions&lt;/em&gt;, not results. Results are shown, but it&amp;rsquo;s a preview. It records requests and re-queries on &amp;ldquo;Refresh.&amp;rdquo;&lt;/p&gt;
&lt;p&gt;After complex initial setup, the pipeline was set. Use was simple: download, overwrite, refresh, save as CSV – Photoshop&amp;rsquo;s data file.&lt;/p&gt;
&lt;h2 id="batch-image-generation-in-photoshop"&gt;Batch Image Generation in Photoshop
&lt;/h2&gt;&lt;p&gt;Photoshop had five steps:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;Organize/rename layers.&lt;/li&gt;
&lt;li&gt;Define variables.&lt;/li&gt;
&lt;li&gt;Import data.&lt;/li&gt;
&lt;li&gt;Batch export PSDs.&lt;/li&gt;
&lt;li&gt;Batch convert to JPGs.&lt;/li&gt;
&lt;/ol&gt;
&lt;h3 id="1-organize-and-rename-layers"&gt;1. Organize and Rename Layers
&lt;/h3&gt;&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2024-06/531b776b93a3a94233d9c2842edd7612.jpg"
loading="lazy"
alt="Photoshop layers panel complete screenshot with 14 layers from top to bottom: Foreground Color/Text Group folder with Description/Title Line 2/Title Line 1/Title Single Line/Hue-Saturation 1/Foreground Color/Description Background-Colored/Description Background-White/Tmall New Merchant/Taobao New Merchant/Category/Background Image/Filename"
&gt;&lt;/p&gt;
&lt;p&gt;Not hard. Merge, reorder. Name layers according to table headers for easier variable definition.&lt;/p&gt;
&lt;p&gt;&amp;ldquo;Filename&amp;rdquo; is special; it&amp;rsquo;s not visible. I created it manually. Style doesn&amp;rsquo;t matter. Hide it.&lt;/p&gt;
&lt;p&gt;&amp;ldquo;Foreground Color&amp;rdquo; needed special handling. Variables can&amp;rsquo;t directly change text color. For background-based changes: group the text, create a solid color layer, and use a clipping mask. This gives unified control.&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2024-06/a9a688b8e6f7b88860fa0b00a4b79c1b.jpg"
loading="lazy"
alt="Photoshop Hue/Saturation adjustment panel screenshot showing Custom preset, Master range selected, Hue slider at 0, Saturation slider at &amp;#43;100, Lightness slider at &amp;#43;50, with before/after color comparison bars at bottom"
&gt;&lt;/p&gt;
&lt;p&gt;The box&amp;rsquo;s line color? Related to text, but not the same. Add a Hue/Saturation layer for the lines, increasing saturation and brightness. Brown becomes orange, dark green becomes grass green&amp;hellip; This needs color theory and Photoshop knowledge.&lt;/p&gt;
&lt;h3 id="2-define-variables-for-layers"&gt;2. Define Variables for Layers
&lt;/h3&gt;&lt;p&gt;No step-by-step; the linked tutorial covers it. I&amp;rsquo;ll discuss tricky points.&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2024-06/ea2af0bf27f4c74c49db871f5c2b7296.jpg"
loading="lazy"
alt="Photoshop Variables dialog screenshot with Background Image layer selected, Pixel Replacement checked with name Background Image and method Consistent, bottom description text reads Specify layer variables to control visibility, replace text strings or replace pixels"
&gt;&lt;/p&gt;
&lt;p&gt;Common use: &amp;ldquo;Text Replacement.&amp;rdquo; Non-text layers become &amp;ldquo;Pixel Replacement&amp;rdquo; – image change. Background is replaced this way.&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2024-06/5be7d1ed67cc798dc3a2925f3e07cc84.jpg"
loading="lazy"
alt="10 solid color foreground image thumbnails in 2-row grid: top row 1-General/2-Taobao/2-Tmall/3-Fashion/3-Home/3-FMCG in dark brown/dark purple/dark red warm tones, bottom row 3-Enterprise/3-Digital/3-Education/3-Sports in dark blue/dark green cool tones"
&gt;&lt;/p&gt;
&lt;p&gt;Foreground color is similar. Prepare color images, define the clipping mask as a variable, select based on category.&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2024-06/46b0372dc8bd46ffed011eae85e6bb28.jpg"
loading="lazy"
alt="Excel table screenshot showing Taobao/Tmall/Single Line/Two Lines/Has Description 5 boolean columns, all rows show FALSE for Taobao and Tmall, FALSE for Single Line, TRUE for Two Lines, alternating TRUE/FALSE for Has Description"
&gt;&lt;/p&gt;
&lt;p&gt;Visibility variables are useful. TRUE/FALSE control display. Can be used with text/pixel replacement. Description text: text replacement changes content, visibility controls display.&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2024-06/a740f3312e02a860493537f9e78b80c0.jpg"
loading="lazy"
alt="Photoshop Variables dialog with Description layer selected, Visibility checked with name Has Description linking Description Background-Colored and Description Background-White layers, plus Text Replacement checked with name Description"
&gt;&lt;/p&gt;
&lt;p&gt;These first two steps, though tedious, are one-time.&lt;/p&gt;
&lt;h3 id="3-import-data-sets"&gt;3. Import Data Sets
&lt;/h3&gt;&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2024-06/e1fbcc63e3a13d31e181c8a1f12db265.jpg"
loading="lazy"
alt="Photoshop Variables dialog Data Set panel showing 1-Rule Interpretation-1-Name Max 8 Characters Hit Product 1, variable list showing Two Lines/Category/Foreground Color/Single Line/Tmall/Description/Filename with values and layers, red box highlighting Import button on right"
&gt;&lt;/p&gt;
&lt;p&gt;Import the CSV.&lt;/p&gt;
&lt;p&gt;Two common errors: extra/mismatched columns, and empty cells. Photoshop doesn&amp;rsquo;t support empty cells, so I used NULL, with visibility checks.&lt;/p&gt;
&lt;h3 id="4-batch-export-psds"&gt;4. Batch Export PSDs
&lt;/h3&gt;&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2024-06/d92857c1843b212c5205b9d0582f88b2.jpg"
loading="lazy"
alt="Excel table screenshot showing Title Line 2 and Description columns, Description column has NULL values in some cells marking empty cells like Hit Product 3/Line 2 Content 3/Line 2 Content 2 rows"
&gt;&lt;/p&gt;
&lt;p&gt;No trick; do it like this.&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2024-06/7dceeaca255670e1437a37b68e773e31.jpg"
loading="lazy"
alt="Photoshop File menu screenshot with Export submenu expanded, highlighting Data Sets as Files option, above Quick Export as JPG/Export As/Export Preferences options"
&gt;&lt;/p&gt;
&lt;p&gt;Define filename format. &amp;ldquo;Data Set Name&amp;rdquo; is useful; it&amp;rsquo;s the first column, &amp;ldquo;Filename,&amp;rdquo; allowing customization.&lt;/p&gt;
&lt;h3 id="5-batch-psd-to-jpg-conversion"&gt;5. Batch PSD to JPG Conversion
&lt;/h3&gt;&lt;p&gt;PSDs need conversion.&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2024-06/c36d844e7381a77f1c02718a560fe9f8.jpg"
loading="lazy"
alt="Photoshop Export Data Sets as Files dialog with folder path selected, Data Sets set to All Data Sets, filename using only Data Set Name with no suffix, name example showing 1-Rule Interpretation-1-Name Max 8 Characters Hit Product 1.psd"
&gt;&lt;/p&gt;
&lt;p&gt;Record a simple action: open, save as JPG, close. Batch process the PSD folder.&lt;/p&gt;
&lt;p&gt;My action set has &amp;ldquo;Save as JPG&amp;rdquo;; link at the end.&lt;/p&gt;
&lt;h2 id="one-more-table"&gt;One More Table
&lt;/h2&gt;&lt;p&gt;Done? Task complete, but not the matter. One crucial table is missing.&lt;/p&gt;
&lt;p&gt;These 800+ images (16,000 RMB) are just the first batch. More will come. Shouldn&amp;rsquo;t I know the yearly savings? Even if I don&amp;rsquo;t, the boss should.&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2024-06/fa9ce9f2b382b99c6cad7125d176799b.jpg"
loading="lazy"
alt="Photoshop Actions panel screenshot showing [A] save jpg action set with Open/Save/Close three steps, each with checkbox and play button"
&gt;&lt;/p&gt;
&lt;p&gt;So, a statistics table, a &amp;ldquo;bragging table.&amp;rdquo; Let&amp;rsquo;s call it &amp;ldquo;Rock and Roll Table.&amp;rdquo;&lt;/p&gt;
&lt;p&gt;I could even make a chart, showing monthly/quarterly/seasonal value. Subtract from my salary to show my cost – hiring me is a steal! Data is there; whether I do it is TBD.&lt;/p&gt;
&lt;h2 id="epilogue"&gt;Epilogue
&lt;/h2&gt;&lt;p&gt;This was cost-effective. Half a day for initial setup. Negligible time after; I ran it during lunch.&lt;/p&gt;
&lt;p&gt;This is my strength. I don&amp;rsquo;t reinvent wheels, but I assemble them well.&lt;/p&gt;
&lt;p&gt;After setup, I met with operations. Marketing explained the four columns. No one found it hard. Operations thought I used AI. For non-tech people, anything amazing is AI. AI is the silver bullet. It&amp;rsquo;s funny; I&amp;rsquo;m used to it.&lt;/p&gt;
&lt;p&gt;Finally, resources. Try it yourself:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a class="link" href="https://zhuanlan.zhihu.com/p/33725280" target="_blank" rel="noopener"
&gt;PS+Excel Batch Output Basic Tutorial&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class="link" href="https://my.feishu.cn/file/PGx8bMjyrohPp2x4DZ9ct0A9nIf?from=from_copylink" target="_blank" rel="noopener"
&gt;Workflow Files&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class="link" href="https://my.feishu.cn/docx/SK0UdUPphoFBZpxJpEJcbZIsnRf?from=from_copylink" target="_blank" rel="noopener"
&gt;PS Action Set (click the table of contents to jump)&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;Important Update&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;I have since developed a more automated programmatic solution for this workflow, which only requires a Python environment.&lt;/p&gt;
&lt;p&gt;Details: &lt;a class="link" href="https://github.com/greenzorro/excel-ps-batch-export" target="_blank" rel="noopener"
&gt;https://github.com/greenzorro/excel-ps-batch-export&lt;/a&gt;&lt;/p&gt;</description></item><item><title>Quantifying Design Value</title><link>https://victor42.eth.limo/post-en/3644/</link><pubDate>Wed, 25 Oct 2023 10:51:00 +0000</pubDate><author>hi@victor42.work (Victor42)</author><guid>https://victor42.eth.limo/post-en/3644/</guid><description>&lt;img src="https://cdn.victor42.work/posts/2023-10/a9a5b3988a8c913ff30d990b21313263.png" alt="Featured image of post Quantifying Design Value" /&gt;&lt;h2 id="the-story"&gt;The Story
&lt;/h2&gt;&lt;p&gt;I recently had a major clash with colleagues in a group chat. Things got heated.&lt;/p&gt;
&lt;p&gt;I&amp;rsquo;m a designer, though you wouldn&amp;rsquo;t know it from my posts. I mostly do UI and interaction design, but I also handle data reports and PPTs. Sometimes, I even code and build websites. Our design department acts as a central hub, fielding requests from other departments. I&amp;rsquo;m juggling four projects, two of which are UI projects only I can handle. My schedule&amp;rsquo;s packed.&lt;/p&gt;
&lt;p&gt;Why the fight? My UI work was fully booked, but another department insisted I help optimize a data report (a consumer report on jewelry). It wasn&amp;rsquo;t even advanced data viz, just finding and swapping product images in a PPT, showing it to the client, and swapping them again if they weren&amp;rsquo;t happy.&lt;/p&gt;
&lt;p&gt;I refused. It&amp;rsquo;s intern-level work. I&amp;rsquo;d help if I had the time, but it wasn&amp;rsquo;t jumping the queue. I stood firm. They argued that since I&amp;rsquo;d done it before, I should continue, and the client was pushing. We went at it.&lt;/p&gt;
&lt;p&gt;They ended up finding another designer. Afterward, my manager asked me to share my scheduling method. It seemed like they&amp;rsquo;d complained, but I was booked solid. A company has limited liability; an employee shouldn&amp;rsquo;t have unlimited responsibility, right?&lt;/p&gt;
&lt;p&gt;For now, they can&amp;rsquo;t do much. But to cover my bases, in case they went to the boss, I had a backup plan. I used my work schedule data to calculate time spent on each task, assessed each task&amp;rsquo;s value, and created some charts. The monetary values indicate the salary range of a designer capable of that work.&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2023-10/a9a5b3988a8c913ff30d990b21313263.png"
loading="lazy"
alt="Excel design work composition dashboard with treemap on left showing value tiers 20K&amp;#43;/8-20K/8K in green/orange/gray, business pie chart and value pie chart on right"
&gt;&lt;/p&gt;
&lt;p&gt;It&amp;rsquo;s clear: their department (in brown) has a huge chunk of low-value work – finding and replacing images, adjusting alignment and fonts – and it takes up a ton of my time. The boss cares about cost-effectiveness. Having someone with a 20K+ salary doing intern work? Who knows who&amp;rsquo;d get chewed out.&lt;/p&gt;
&lt;p&gt;The fight&amp;rsquo;s over, and I won&amp;rsquo;t dwell on it. But the data handling and analysis were interesting, so I&amp;rsquo;m documenting it.&lt;/p&gt;
&lt;h2 id="data-source"&gt;Data Source
&lt;/h2&gt;&lt;p&gt;This analysis was possible because I regularly collect data. I organize anything I consider data in a way that&amp;rsquo;s useful later.&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2023-10/b7cb270372f19fd67879c57bd8a7b009.jpg"
loading="lazy"
alt="Mobile calendar view screenshot showing October 2023 design schedule with light green blocks marking project days, bottom showing Design Schedule/Calendar tab"
&gt;&lt;/p&gt;
&lt;p&gt;I created a design schedule with a multi-dimensional table tool. I set the default view to a calendar and put it in my DingTalk signature, so anyone requesting work could see my availability.&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2023-10/65d4321bfa13f03090b90554cad84bd6.png"
loading="lazy"
alt="Excel design schedule data table with 6 columns: Project/Designer/Start Date/End Date/Requester/Duration, showing August-September 2023 project records"
&gt;&lt;/p&gt;
&lt;p&gt;Although I add work items in the calendar view, it&amp;rsquo;s a data table. For easy recording, I kept the fields simple: project name, designer (it&amp;rsquo;s for the whole team), start and end dates, requester, and duration (in days), which is calculated automatically.&lt;/p&gt;
&lt;p&gt;When a new project comes in, I update the schedule immediately. To avoid conflicts, I&amp;rsquo;m motivated to maintain this data table.&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2023-10/5d8953d9788ad3b0997eea965fec52e6.png"
loading="lazy"
alt="Excel bottom worksheet tab bar showing Charts/Value Analysis/Time Analysis/Design Schedule Data four tabs from left to right"
&gt;&lt;/p&gt;
&lt;p&gt;The raw data was ready, containing 40 workdays (nearly 2 months of data). I exported it to Excel, changed the duration from text to numbers, and started a series of analyses (from right to left) to generate the charts.&lt;/p&gt;
&lt;h2 id="time-analysis"&gt;Time Analysis
&lt;/h2&gt;&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2023-10/ab35313c1c52dc5c5328490034a68dbd.png"
loading="lazy"
alt="Excel time analysis table with pivot table on left summing duration by requester totaling 40 days, right side manually mapping requesters to business categories"
&gt;&lt;/p&gt;
&lt;p&gt;First, time analysis. This tab has two tables:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;The left table pivots the raw data, showing time spent on each requester.&lt;/li&gt;
&lt;li&gt;The right table maps each requester to major business lines, summarizing the time each line takes up.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2023-10/b790a28d8fc8fc1ad15ecb4b726112eg.png"
loading="lazy"
alt="Excel PivotTable Fields panel with Designer/Requester/Duration checked, Filters has Designer, Rows has Requester, Values has Sum of Duration"
&gt;&lt;/p&gt;
&lt;p&gt;The left pivot table: filter for a specific designer (me), list each requester as a row, and sum the durations.&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2023-10/ab35313c1c52dc5c5328490034a68dbd.png"
loading="lazy"
alt="Excel time analysis table with pivot table on left and manual business category summation using addition formulas on right"
&gt;&lt;/p&gt;
&lt;p&gt;The right table lists the major business lines, selects corresponding requesters from the left table, and sums the totals.&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2023-10/0d9aec6a5807c7ba9153da8f20b261a1.png"
loading="lazy"
alt="Excel formula bar showing GETPIVOTDATA function extracting duration data from pivot table for business category calculation"
&gt;&lt;/p&gt;
&lt;p&gt;Selecting data from a pivot table is easier. Excel automatically writes the &lt;code&gt;GETPIVOTDATA&lt;/code&gt; function; you just click, avoiding &lt;code&gt;SUMIFS&lt;/code&gt;.&lt;/p&gt;
&lt;h2 id="value-analysis"&gt;Value Analysis
&lt;/h2&gt;&lt;p&gt;Next, I analyzed how well my time was spent.&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2023-10/e0a5d1274532853173f10402d53d9d06.png"
loading="lazy"
alt="Excel value analysis table with 5 tables: Table 1 business duration percentage/Table 2 business value tier percentage/Table 3 pivot/Table 4 multiplication result/Table 5 value summary"
&gt;&lt;/p&gt;
&lt;p&gt;The Value Analysis tab has five tables:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;Table 1 is the reshaped right table from Time Analysis.&lt;/li&gt;
&lt;li&gt;Table 2 shows the percentage of each business line&amp;rsquo;s work in different value ranges (manually created).&lt;/li&gt;
&lt;li&gt;Table 3 pivots Table 2 for easier use in Table 4.&lt;/li&gt;
&lt;li&gt;Table 4 multiplies Table 1 and Table 3 to calculate the actual percentage of each work type in different value ranges.&lt;/li&gt;
&lt;li&gt;Table 5 pivots Table 4, summarizing the total percentage of work in different value ranges.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2023-10/4b7fd4d8f38266dc59903bddfa4dc4d2.png"
loading="lazy"
alt="Excel PivotTable Fields panel with Business and Duration checked, Rows has Business, Values has Sum of Duration"
&gt;&lt;/p&gt;
&lt;p&gt;Table 1: each business line is a row, and durations are summed.&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2023-10/187174f765fd78ba42d098c00b301d92.png"
loading="lazy"
alt="Excel Value Field Settings dialog with Show Values As tab selected, % of Column Total highlighted in blue dropdown"
&gt;&lt;/p&gt;
&lt;p&gt;The key is the format. In &amp;ldquo;Sum of Duration&amp;rdquo; settings, I changed &amp;ldquo;Show Values As&amp;rdquo; to &amp;ldquo;Percentage of Column Total&amp;rdquo; and the number format to percentage, getting each business line&amp;rsquo;s time percentage.&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2023-10/e0a5d1274532853173f10402d53d9d06.png"
loading="lazy"
alt="Excel value analysis final result showing Table 4 business-value cross multiplication and Table 5 value summary with 20K&amp;#43; 44.5%/8-20K 35%/8K 20.5%"
&gt;&lt;/p&gt;
&lt;p&gt;Table 2 is the core, but it&amp;rsquo;s subjective. It&amp;rsquo;s not super rigorous, but good enough for arguments and review. I tried to be fair, assigning value percentages to each business line based on experience. I swear I didn&amp;rsquo;t intentionally undervalue the other department; their vendor-like nature means their low-value work proportion is high. The designer salary ranges for the value tiers are based on my 10+ years of experience.&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2023-10/d68bb255437ef1e63a9386d499ce48e4.png"
loading="lazy"
alt="Excel PivotTable Fields panel with Business/Value/Percentage checked, Rows has Value then Business, Values has Sum of Percentage"
&gt;&lt;/p&gt;
&lt;p&gt;Table 3 pivots Table 2. It&amp;rsquo;s divided by value, then by business line. This structure is for Table 4, for easier viewing and data retrieval.&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2023-10/e0a5d1274532853173f10402d53d9d06.png"
loading="lazy"
alt="Excel value analysis complete view with 5 tables showing business duration percentage/value tier percentage/pivot/multiplication/value summary"
&gt;&lt;/p&gt;
&lt;p&gt;Table 4: multiply data from Tables 1 and 3.&lt;/p&gt;
&lt;p&gt;Table 5 pivots Table 4, summarizing by value.&lt;/p&gt;
&lt;h2 id="charts"&gt;Charts
&lt;/h2&gt;&lt;p&gt;With the analysis done, it&amp;rsquo;s time for visuals.&lt;/p&gt;
&lt;p&gt;Level 1: Show percentages of each business line and value range, using data from Tables 1 and 5. Create pie charts, add data labels, and adjust colors.&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2023-10/a9a5b3988a8c913ff30d990b21313263.png"
loading="lazy"
alt="Excel design work composition dashboard with treemap showing value tiers in green/orange/gray, business pie chart and value pie chart on right"
&gt;&lt;/p&gt;
&lt;p&gt;Level 2: Show the breakdown of business lines within each value range. Treemaps are best for this two-level hierarchical proportion data. Create a Treemap from Table 4, and adjust background and label colors to match the two charts on the right.&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2023-10/a85c0e8de3b950ff50c3771a36666c8e.png"
loading="lazy"
alt="Excel Format Data Labels dialog with Label Options showing Category Name and Value checked, Separator set to space"
&gt;&lt;/p&gt;
&lt;p&gt;Enable Treemap labels to show names and values, displaying each business line&amp;rsquo;s detailed percentage.&lt;/p&gt;
&lt;h2 id="afterword"&gt;Afterword
&lt;/h2&gt;&lt;p&gt;With this value analysis system, I just maintain the schedule. I import the data, update a few pivot tables, and the charts are generated automatically.&lt;/p&gt;
&lt;p&gt;Even with limited raw data, there&amp;rsquo;s more to analyze: monthly workload saturation, average project cycle for each business line, and value composition fluctuation over a year.&lt;/p&gt;
&lt;p&gt;The fight&amp;rsquo;s over, and I won&amp;rsquo;t bring this up to the boss, but it&amp;rsquo;s interesting that design work can be analyzed with data.&lt;/p&gt;</description></item><item><title>When Confidence Outpaces Competence</title><link>https://victor42.eth.limo/post-en/3635/</link><pubDate>Wed, 29 Mar 2023 13:42:00 +0000</pubDate><author>hi@victor42.work (Victor42)</author><guid>https://victor42.eth.limo/post-en/3635/</guid><description>&lt;p&gt;Typically, confidence grows alongside competence, and often lags behind it. You need a solid foundation of skills before feeling confident. But sometimes, your confidence outstrips your competence, making you fearless in new situations. I&amp;rsquo;ve experienced this twice since graduating:&lt;/p&gt;
&lt;p&gt;First, a few years back, I took adult spoken English classes at New Oriental. It was awesome. My English education in school was decent, giving me a good base. I passed CET-6 in college without studying, scoring 504. But test scores don&amp;rsquo;t equal confidence. I mostly used Chinese, and my English was limited to reading and writing. Reading English news felt like a major undertaking.&lt;/p&gt;
&lt;p&gt;At New Oriental, I spent over six months chatting with teachers and classmates in English, covering all sorts of topics. Most of the grammar was review, and I&amp;rsquo;d forgotten much of the vocabulary. I probably haven&amp;rsquo;t retained much of the actual English learned. However, my confidence skyrocketed. I could effortlessly type in English to search for information and read long articles without feeling overwhelmed. It wasn&amp;rsquo;t about understanding everything perfectly; I still needed a dictionary, but it felt natural. As a direct result, my English improved significantly after the course.&lt;/p&gt;
&lt;p&gt;Second, when I started working with AI. My coding skills were mediocre. I&amp;rsquo;m a designer, not a coder. At a friend&amp;rsquo;s suggestion, I learned HTML, CSS, and JavaScript (though my JavaScript was basic) to build my website. Once the site was live, I didn&amp;rsquo;t consider using code for other problems. I&amp;rsquo;d search for existing tools, and if none existed, I&amp;rsquo;d give up.&lt;/p&gt;
&lt;p&gt;After learning basic Python with AI&amp;rsquo;s help, my confidence soared again. I became bolder. Now, when facing a problem, my first thought is often: &amp;ldquo;Let&amp;rsquo;s write a program with AI to solve this.&amp;rdquo;&lt;/p&gt;
&lt;p&gt;Today, I was organizing prompt words for AI image generation. I have categorized notes. Terms like &amp;ldquo;knolling,&amp;rdquo; &amp;ldquo;isometric drawing,&amp;rdquo; and &amp;ldquo;Dutch shot&amp;rdquo; describe specific effects, which are key for getting the desired results from AI. But sometimes, I want a visual comparison of these effects. This meant searching for each term individually.&lt;/p&gt;
&lt;p&gt;Today, I tackled this. The goal: combine the terms, separated by commas, and with one click, open multiple browser tabs for image searches of each term.&lt;/p&gt;
&lt;p&gt;With AI&amp;rsquo;s assistance, I wrote a working script in 2 minutes. Another 10 minutes went into refining it, handling edge cases, and improving extensibility. From problem to solution, it took under 15 minutes. Crucially, this was outside my competence zone.&lt;/p&gt;
&lt;p&gt;When your confidence exceeds your competence, your skills quickly catch up, because knowledge and action are intertwined. In learning, building confidence is more vital than the amount learned.&lt;/p&gt;
&lt;p&gt;It&amp;rsquo;s an exciting time to be alive. There are countless ways to boost your confidence beyond your competence and solve real-world problems. I&amp;rsquo;m not just referring to AI; seeking professional help or even purchasing services (with careful selection) can work, provided you&amp;rsquo;re willing to take that initial step.&lt;/p&gt;</description></item><item><title>The Efficiency of Giving Back</title><link>https://victor42.eth.limo/post-en/3598/</link><pubDate>Fri, 21 May 2021 17:36:57 +0000</pubDate><author>hi@victor42.work (Victor42)</author><guid>https://victor42.eth.limo/post-en/3598/</guid><description>&lt;p&gt;We often work towards retirement, or at least escaping &lt;em&gt;this&lt;/em&gt; job. But individuals and society are intertwined in a dance of giving and taking. Imagine society viewing your life. It might look like this:&lt;/p&gt;
&lt;p&gt;Before your 20s, you mostly take, not give. Your parents provide most of this, but society also contributes through public services. From your 20s until retirement, you start giving back more, while still taking, but less. After retirement, giving decreases, eventually returning to mostly taking.&lt;/p&gt;
&lt;p&gt;Money is merely a proxy. The real exchange between people and society involves labor, services, and even intangible contributions.&lt;/p&gt;
&lt;p&gt;In an ideal, fair society, your lifetime giving and taking should balance out. During your working years, you naturally give more than you take. This is why we get tired, feel underappreciated, and yearn for early retirement. It&amp;rsquo;s normal – it&amp;rsquo;s how the equation works. It&amp;rsquo;s not a midlife crisis or a societal flaw.&lt;/p&gt;
&lt;p&gt;But that&amp;rsquo;s society&amp;rsquo;s perspective; individuals may have other priorities. The personal goal is often to retire ASAP. It&amp;rsquo;s not about idleness, but about reaching your lifetime giving quota sooner, gaining options. So, early retirement hinges on: how do you maximize your giving efficiency?&lt;/p&gt;
&lt;p&gt;Around 35, you&amp;rsquo;ve likely gained expertise. That&amp;rsquo;s the sweet spot to boost your giving efficiency. As a pioneer, you might nudge your industry forward. As a manager, you could elevate your team&amp;rsquo;s output to (or beyond) your own. Entrepreneurs create entirely new industries, with potentially massive efficiency gains.&lt;/p&gt;
&lt;p&gt;Of course, some might save, buy properties, and open a small store. Their contribution is roughly equivalent to a dozen rentals and supplying local groceries. Value is subjective, but most would agree on the relative impact of these two scenarios.&lt;/p&gt;
&lt;p&gt;&amp;ldquo;But I just don&amp;rsquo;t want to work anymore!&amp;rdquo; I get it. I often gripe about my job too. But does work always equal giving? Some jobs seem busy but offer little real value, actually hindering progress. Conversely, some people don&amp;rsquo;t &amp;ldquo;work&amp;rdquo; traditionally, yet create immense value, like through investing.&lt;/p&gt;
&lt;p&gt;Thinking of investing as passive income is simplistic. Whether it&amp;rsquo;s a bank deposit or stocks, that money fuels a business or individual. They use it to grow, boosting their contribution to society. As an outsider, trying to replicate that yourself would likely fail. By simply transferring the funds, you&amp;rsquo;ve increased overall giving and receive a share of the value.&lt;/p&gt;
&lt;p&gt;Let the experts do their thing. For most, excelling in your field is the best way to boost giving efficiency. If you&amp;rsquo;re averse to the labor, support other professionals, helping them create value, ultimately contributing to society.&lt;/p&gt;
&lt;p&gt;In short, retirement shouldn&amp;rsquo;t be about becoming a couch potato, secretly freeloading off society. It should be about confidently saying, &amp;ldquo;I&amp;rsquo;ve given back significantly, and I&amp;rsquo;ve earned a break.&amp;rdquo; Of course, you might find you don&amp;rsquo;t &lt;em&gt;want&lt;/em&gt; that break when it arrives, but that&amp;rsquo;s a different story.&lt;/p&gt;</description></item><item><title>Bricklaying and Trailblazing</title><link>https://victor42.eth.limo/post-en/3569/</link><pubDate>Sun, 28 Jan 2018 21:17:08 +0000</pubDate><author>hi@victor42.work (Victor42)</author><guid>https://victor42.eth.limo/post-en/3569/</guid><description>&lt;p&gt;Developers often joke about being IT coolies, just &amp;ldquo;laying bricks.&amp;rdquo; Outsiders often don&amp;rsquo;t get what they face daily, or why they make these self-deprecating jokes.&lt;/p&gt;
&lt;p&gt;I recently teamed up with a classmate on a WeChat H5 page with data submission. I handled design and front-end; he took care of the back-end, server, and domain. This gave me a glimpse into back-end development, and I suddenly understood the &amp;ldquo;bricklaying&amp;rdquo; analogy. I gained a much deeper appreciation for the challenges developers face. It&amp;rsquo;s a different world compared to other professions. If you&amp;rsquo;re not familiar with development, I&amp;rsquo;ll explain it in plain terms.&lt;/p&gt;
&lt;p&gt;We used a standard front-end/back-end separation. Think: front-end is close to the user, back-end is far away, connected by networks. My work involved creating the page&amp;rsquo;s look, displaying it, and handling user-side logic. For example, email fields need an &amp;ldquo;@&amp;rdquo; symbol to be valid. My classmate&amp;rsquo;s work involved receiving user info, storing it in a database, and handling statistics.&lt;/p&gt;
&lt;p&gt;We needed to collaborate on the &amp;ldquo;interface&amp;rdquo; – how I&amp;rsquo;d format and send user input, and what feedback he&amp;rsquo;d send back, including errors.&lt;/p&gt;
&lt;p&gt;We were interdependent. I finished the front-end first, but how could I test the interface code? I needed the back-end to know if my code was correct. Since his code wasn&amp;rsquo;t ready, I had to wait. Of course, developers don&amp;rsquo;t just wait around. There are ways to simulate each other&amp;rsquo;s work, which is what we did.&lt;/p&gt;
&lt;p&gt;He wrote some Python to simulate the interface locally. I knew nothing about Python and was lost. After staring at it, I got a clue. Combining it with our agreed interface, I roughly understood it. My task: turn my computer into a mini-server, run his code, and submit content to it. His code would give feedback, letting me test.&lt;/p&gt;
&lt;p&gt;But it failed miserably. The problem? Running his Python code. Prerequisites: First, Python. macOS comes with Python 2.7, so that was fine. Then, I needed common Python modules his code relied on. Installing these threw errors.&lt;/p&gt;
&lt;p&gt;I first thought: macOS permissions. I tried getting superuser access, but no luck. Developer forums suggested upgrading/reinstalling modules – didn&amp;rsquo;t work. Then: Python version? I installed Python 3.6, replacing 2.7, and reinstalled. This time: syntax error. Python 3 changed some syntax. I fixed it, but the original error reappeared. A module he used was deprecated in Python 3, needing replacement – beyond my skills. I gave up on switching back to 2.7. Dead end.&lt;/p&gt;
&lt;p&gt;I switched to a tool he recommended, simulating back-end data. Limited compared to raw code, but it worked, solving the problem.&lt;/p&gt;
&lt;p&gt;This showed me how tough developers have it. Design tools are stable. Problems? Restart, reinstall. We focus on design. Developers&amp;rsquo; tools – languages, modules, environments – are far more fragile. Incompatibility, settings, weirdness. Like a construction worker with a broken saw or drill. Fixing these isn&amp;rsquo;t development, but they spend time on it.&lt;/p&gt;
&lt;p&gt;Front-end, which I know, is similar. Example: mobile button press feedback, like mouse hover. Hidden pitfall: code to darken a button on press might not work. You find you need a seemingly pointless line of code. Like picking up a chess knight, waving it, putting it back. No move. But it makes the effect work. Makes no sense, but you must write it. Solving this creates nothing, but it&amp;rsquo;s common. Tedious, unrewarding. Creative work brings accomplishment.&lt;/p&gt;
&lt;p&gt;Development is amazing. Making something from nothing. Tech gurus complain about bugs, broken interfaces. Developers get stuck on unrelated technical issues. But they&amp;rsquo;re like pioneers. Venturing into the wilderness, making tools, building houses, laying railroads. Solving countless problems, creating infrastructure for later prosperity. Our stable products are thanks to their exploration.&lt;/p&gt;
&lt;p&gt;I don&amp;rsquo;t enjoy this. I learn enough front-end to get by. I might have made inaccurate comments. With awe, I&amp;rsquo;ll stick to design!&lt;/p&gt;</description></item><item><title>An Icon for "Operations"</title><link>https://victor42.eth.limo/post-en/3554/</link><pubDate>Sun, 04 Jun 2017 13:42:12 +0000</pubDate><author>hi@victor42.work (Victor42)</author><guid>https://victor42.eth.limo/post-en/3554/</guid><description>&lt;p&gt;It started with a simple task: design an icon for &amp;ldquo;Operations.&amp;rdquo; We&amp;rsquo;re a recruiting company, and we needed a visual. Representing an abstract concept with a concrete image is tricky – lots of choices, but nothing feels perfect.&lt;/p&gt;
&lt;p&gt;So, I went back to basics. What&amp;rsquo;s the core message? I&amp;rsquo;ve worked with Ops for ages, but did I really understand their role?&lt;/p&gt;
&lt;p&gt;As a product designer, I don&amp;rsquo;t interact with Ops much. It always seemed, well, &lt;em&gt;diverse&lt;/em&gt;. That was my vague impression. Some visual designers? They view Ops as unreliable, inconsistent, even contradictory, ignoring branding and pushing things on users. I can recall almost every time a designer I&amp;rsquo;ve worked with has vented; Ops is usually high on the list.&lt;/p&gt;
&lt;p&gt;Of course, it&amp;rsquo;s simplistic to stereotype. My girlfriend interviewed at a startup. The CEO, in the final round, discussed her hobby, ancient Chinese history, and her pragmatic nature. He was surprised. &amp;ldquo;How can a designer be like you? Aren&amp;rsquo;t they all artsy? Concerts and museums?&amp;rdquo; I was shocked too. How far can such a narrow-minded CEO lead?&lt;/p&gt;
&lt;p&gt;You can&amp;rsquo;t pigeonhole people or professions. You&amp;rsquo;ll miss valuable learning opportunities. You have to assume that true Ops professionals aren&amp;rsquo;t like that. I researched and talked to my Ops colleagues. It was my first real attempt to understand their work – and yes, it&amp;rsquo;s &lt;em&gt;very&lt;/em&gt; diverse.&lt;/p&gt;
&lt;p&gt;Operations can be split into three areas: content, user, and campaign. All are equally vital. My take:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Content Operations: Creating and maintaining content.&lt;/li&gt;
&lt;li&gt;User Operations: Focusing on user behavior, guiding it towards business goals.&lt;/li&gt;
&lt;li&gt;Campaign Operations: Creating growth opportunities through planning and resource integration.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Channel, community, and new media operations are categorized by medium. The specific tasks depend on the medium.&lt;/p&gt;
&lt;p&gt;&amp;ldquo;Operations&amp;rdquo; comes from &amp;ldquo;Operate,&amp;rdquo; as in COO. &amp;ldquo;Operate&amp;rdquo; usually means to control. I liked an online analogy: If product and design build the ship, operations sails it. It&amp;rsquo;s a fundamental difference in mindset. Shipbuilders use static thinking: How&amp;rsquo;s the structure? Ideal state? Wind resistance? Sailors &lt;em&gt;must&lt;/em&gt; use dynamic thinking: What if currents shift? Suez Canal or Cape of Good Hope? Shipbuilders &lt;em&gt;can&lt;/em&gt; use dynamic thinking, but they can still function without it. Sailors constantly face change. Only the destination is fixed.&lt;/p&gt;
&lt;p&gt;This is my first team with such specialized Ops roles. Seeing the business through their eyes has been eye-opening. It began with a design review debate.&lt;/p&gt;
&lt;p&gt;We were redesigning our mobile site – a visual refresh, mainly. Functionality wasn&amp;rsquo;t the focus. Homepage requirements: &amp;ldquo;Emphasize search, de-emphasize the banner.&amp;rdquo; I agreed initially. Job seekers want efficiency, not browsing. Search is key. So, I proposed this:&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2017-05/05-30/banner.png"
loading="lazy"
alt="UI design comparison showing mobile webpage layout changes: old version has search bar at top with banner below, new version moves banner to top with search bar overlaying it, demonstrating visual hierarchy optimization for better user engagement and content discovery"
&gt;&lt;/p&gt;
&lt;p&gt;The search box is larger, with a shadow for emphasis, visually dominating the banner. Mission accomplished. The 2x3 grid of job recommendations below is essentially searches for those keywords. Placing the search box nearby could transform &amp;ldquo;recommended jobs&amp;rdquo; into &amp;ldquo;popular searches,&amp;rdquo; broadening search&amp;rsquo;s scope.&lt;/p&gt;
&lt;p&gt;The product manager loved it, but Ops objected &lt;em&gt;strongly&lt;/em&gt;. I explained the benefits, but Ops couldn&amp;rsquo;t accept the banner being obscured. The PM surprisingly joined in, arguing fiercely with Ops. Their stances were clear: Product prioritized efficiency and minimal distractions; Operations wanted a vibrant feel and rich content. As designers, where did &lt;em&gt;we&lt;/em&gt; stand?&lt;/p&gt;
&lt;p&gt;How do we see banners? Annoying, mostly. Often irrelevant, space-consuming, and visually jarring. Many PMs likely agree. They see it as Ops&amp;rsquo; domain, something to ignore. If Ops wants a say, give them a banner and let them handle it. I&amp;rsquo;ve thought that way myself.&lt;/p&gt;
&lt;p&gt;PMs and product designers are usually rational, logical, efficiency-driven. It&amp;rsquo;s the job. As an engineer and pragmatist, I believe a good product sells itself. Perfect it, and growth follows. That&amp;rsquo;s not wrong, but if you think Ops-driven projects are less intelligent, mere grunt work, you&amp;rsquo;re mistaken.&lt;/p&gt;
&lt;p&gt;The search box debate ended inconclusively, the design killed by a majority vote. But, something Ops said near the end resonated:&lt;/p&gt;
&lt;p&gt;&amp;ldquo;We use this banner for partnerships, resource swaps. People will say, &amp;lsquo;It&amp;rsquo;s not prominent. It&amp;rsquo;s on the homepage, but blocked.&amp;rsquo; We can&amp;rsquo;t offer that.&amp;rdquo;&lt;/p&gt;
&lt;p&gt;We could&amp;rsquo;ve solved the blocking. The point is, did we, designers and PMs, ever &lt;em&gt;care&lt;/em&gt; about Ops&amp;rsquo; needs? Did we consider their role in the bigger picture?&lt;/p&gt;
&lt;p&gt;Many companies succeed through refined products. Sketch is an example. But not every industry has that level of technical depth or differentiation. The more grounded the industry, the tougher that path. Ruthless expansion, dominating the market – that&amp;rsquo;s another, winner-takes-all strategy.&lt;/p&gt;
&lt;p&gt;Our team is in that kind of industry, and our strength is Operations. So, why not play to our strengths? I often face situations against my design principles. I follow Ops&amp;rsquo; lead, using design to achieve their goals, but we find a balance. Alignment is more crucial than individual principles.&lt;/p&gt;
&lt;p&gt;What &lt;em&gt;is&lt;/em&gt; product design? It&amp;rsquo;s not so lofty. Designers have a mental scale, measuring user experience. A slight shift can turn a well-meaning nudge into manipulative, brand-damaging dark patterns. We warn against that, but it rarely reaches that point. We represent users, defending their interests. But the foundation is helping the company profit. On that, we and Ops are aligned.&lt;/p&gt;
&lt;p&gt;So, these colleagues deserve design support. Create unique elements for their diverse display needs. Track and improve metrics for their monetization needs. Establish guidelines for their partnership needs. Shift your perspective, and you&amp;rsquo;ll see your work is still valuable.&lt;/p&gt;
&lt;p&gt;Back to the icon: What represents &amp;ldquo;Operations&amp;rdquo;? I drew a simple bar chart: X and Y axes, two bars, one taller. It&amp;rsquo;s abstract, and Ops&amp;rsquo; work varies greatly, but business growth is the shared goal.&lt;/p&gt;
&lt;p&gt;If we don&amp;rsquo;t understand the sailors, how can we build a good ship?&lt;/p&gt;</description></item><item><title>My Roommate's Ride Home</title><link>https://victor42.eth.limo/post-en/3503/</link><pubDate>Thu, 19 May 2016 16:42:02 +0000</pubDate><author>hi@victor42.work (Victor42)</author><guid>https://victor42.eth.limo/post-en/3503/</guid><description>&lt;p&gt;This true story about interaction design gave me some insights into ride-hailing apps. It all started with my old roommate.&lt;/p&gt;
&lt;h2 id="the-roommate"&gt;The Roommate
&lt;/h2&gt;&lt;p&gt;We called my college roommate &amp;ldquo;Boss&amp;rdquo; – he was assertive, thought differently, and often dropped unexpected truth bombs. He&amp;rsquo;s an embedded systems engineer, utterly obsessed with the field. He&amp;rsquo;s also a hardware whiz.&lt;/p&gt;
&lt;p&gt;Around 4 PM, he used Didi (China&amp;rsquo;s Uber) to visit me for dinner. He lived about 6km away. We hadn&amp;rsquo;t seen each other in a while, so we had a lot to catch up on.&lt;/p&gt;
&lt;p&gt;We started talking about a classmate&amp;rsquo;s wedding, and the conversation naturally drifted to his area of expertise. He went on about algorithms, development philosophies, different ways to control electric motors, and even battery management systems for electric cars. That&amp;rsquo;s just how he is. He knows I don&amp;rsquo;t get most of it, but he keeps going, regardless. Even though I only grasped the basics, I listened patiently. His passion is infectious; it&amp;rsquo;s not painful to hear him talk about this stuff. He reminds me of my calculus professor, who would pause mid-lecture, reflect, and exclaim, &amp;ldquo;Isn&amp;rsquo;t the proof of this equation beautiful!&amp;rdquo; I hated that class, but I respected that professor.&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2016-05/05-19/wKhTg1Z463wEAAAAAAAAAAAAAAA057.jpg"
loading="lazy"
alt="Close-up of integrated circuit chips and components on a green printed circuit board"
&gt;&lt;/p&gt;
&lt;p&gt;Our major was electronic information. Maybe less than 10% of the class understood the core courses, and we were both in the majority. In our senior year, it was like a switch flipped. He suddenly became super interested in our major, catching up on previous courses and studying beyond the textbooks. He later told me he finally saw how this knowledge applied to real projects – it was actually useful! That&amp;rsquo;s when his passion ignited. With his dedication, I&amp;rsquo;m sure he&amp;rsquo;s a big shot in the industry now.&lt;/p&gt;
&lt;p&gt;But he&amp;rsquo;s clueless about internet products. He still uses an iPhone 4, with very few apps, all on one screen. No folders, no icon organization, and the dock still has the four default iOS apps. It shows that even someone as studious as him won&amp;rsquo;t waste time on things he doesn&amp;rsquo;t care about.&lt;/p&gt;
&lt;p&gt;I asked if he took a regular ride or carpooled (I wasn&amp;rsquo;t precise, because I also use Uber, so &amp;ldquo;regular ride&amp;rdquo; meant Didi&amp;rsquo;s Express option). He wasn&amp;rsquo;t sure, saying it was probably a regular ride since there were no other passengers. I asked the cost, and he said 14 yuan.&lt;/p&gt;
&lt;p&gt;After dinner, around 9 PM, he used Didi to head back. I watched him, and noticed a few interesting things:&lt;/p&gt;
&lt;h2 id="calling-a-ride"&gt;Calling a Ride
&lt;/h2&gt;&lt;p&gt;He first tried hailing a taxi, hesitated, then tapped &amp;ldquo;Hitch&amp;rdquo; (carpooling). Realizing I was watching, he asked, &amp;ldquo;Should I choose Hitch?&amp;rdquo;&lt;/p&gt;
&lt;p&gt;I suggested Express, thinking it was what he used to get here, and it would be familiar.&lt;/p&gt;
&lt;p&gt;He selected Express and entered his destination. He hadn&amp;rsquo;t set &amp;ldquo;Home&amp;rdquo; or &amp;ldquo;Work&amp;rdquo; addresses, so he had to type it in. He tapped the pickup location first, but didn&amp;rsquo;t realize it.&lt;/p&gt;
&lt;p&gt;As he was about to enter his home address, I pointed it out and gestured to the text prompt: &amp;ldquo;Where are you?&amp;rdquo;.&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2016-05/05-19/1.png"
loading="lazy"
alt="Ride-hailing app screen showing the pickup input field and active keyboard"
&gt;&lt;/p&gt;
&lt;p&gt;He backed out, tapped the destination, but then realized he didn&amp;rsquo;t remember the exact address. So he backed out again, tapped the top-left menu, and went to &amp;ldquo;Trips.&amp;rdquo; He tried to copy the pickup address from his earlier ride, but couldn&amp;rsquo;t.&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2016-05/05-19/2.png"
loading="lazy"
alt="Ride-hailing app My Trips page listing completed order histories"
&gt;&lt;/p&gt;
&lt;p&gt;He went back to the ride-hailing screen and typed in his home address. The list showed several results: shops, bus stops. He just waited. I didn&amp;rsquo;t say anything, observing.&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2016-05/05-19/3.png"
loading="lazy"
alt="Ride-hailing app destination search results showing nearby bus stations and shops"
&gt;&lt;/p&gt;
&lt;p&gt;But his eyes had left the phone, and his hand lowered. He thought he&amp;rsquo;d successfully called a ride.&lt;/p&gt;
&lt;p&gt;I had to tell him again to choose an address to confirm his destination.&lt;/p&gt;
&lt;p&gt;He picked a bus stop, tapped &amp;ldquo;Call,&amp;rdquo; and finally got a car.&lt;/p&gt;
&lt;p&gt;However, his Express ride back, without carpooling, only cost 5 yuan. So I guessed he probably didn&amp;rsquo;t take Express on his way here.&lt;/p&gt;
&lt;h2 id="the-problem"&gt;The Problem
&lt;/h2&gt;&lt;p&gt;After he left, I wrote down the process. Thinking about his actions and mindset, I had some insights.&lt;/p&gt;
&lt;p&gt;His ultimate goal was to go home. Unsure how the app would react, he assumed it would understand his intentions like a real person. &lt;em&gt;Since you picked me up from home earlier, you should know where my home is, and I want to go back there.&lt;/em&gt; His struggle to copy the earlier pickup address clearly showed his goal: a return trip – going back where he came from.&lt;/p&gt;
&lt;p&gt;But reality wasn&amp;rsquo;t perfect. Even a real person can&amp;rsquo;t always understand another&amp;rsquo;s thoughts.&lt;/p&gt;
&lt;p&gt;The gap between the result and his expectation created a problem. The root cause wasn&amp;rsquo;t that he didn&amp;rsquo;t remember his address; it was that he thought Didi &lt;em&gt;should&lt;/em&gt; know his home, but it didn&amp;rsquo;t. The &amp;ldquo;Home&amp;rdquo; and &amp;ldquo;Work&amp;rdquo; addresses are designed to solve this. However, few people proactively set these, even some IT professionals.&lt;/p&gt;
&lt;p&gt;This got me thinking. Aren&amp;rsquo;t these two separate issues?&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;Didi can&amp;rsquo;t intelligently know or guess my home.&lt;/li&gt;
&lt;li&gt;Didi doesn&amp;rsquo;t offer a convenient return trip option.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;In my roommate&amp;rsquo;s case, &amp;ldquo;going home&amp;rdquo; and &amp;ldquo;return trip&amp;rdquo; overlapped. But they&amp;rsquo;re not always the same, so let&amp;rsquo;s consider them separately:&lt;/p&gt;
&lt;h3 id="going-home"&gt;Going Home
&lt;/h3&gt;&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2016-05/05-19/Cg-4rFSvUm-IWh5qAAKsbb2-_AEAAA28gAjeGwAAqyF506.jpg"
loading="lazy"
alt="Taipei 101 and city skyline at dusk with warm twilight glow"
&gt;&lt;/p&gt;
&lt;p&gt;From a mental model perspective, going home is switching between &amp;ldquo;at home&amp;rdquo; and &amp;ldquo;outside.&amp;rdquo; Calling a ride to leave exits the &amp;ldquo;at home&amp;rdquo; state. Until you step back inside, you&amp;rsquo;re &amp;ldquo;outside.&amp;rdquo;&lt;/p&gt;
&lt;p&gt;For example, if someone gets a call about a package while they&amp;rsquo;re out, they&amp;rsquo;d say, &amp;ldquo;I&amp;rsquo;m not home,&amp;rdquo; or &amp;ldquo;I&amp;rsquo;m out, please leave it with management.&amp;rdquo;&lt;/p&gt;
&lt;p&gt;&amp;ldquo;Outside&amp;rdquo; is uncertain, but &amp;ldquo;home&amp;rdquo; is relatively fixed. By analyzing historical trips, visit frequency, and arrival times, it should be possible to guess. For users without set addresses, if the app detects frequent trips to the same area, it could prompt: &amp;ldquo;We noticed you often go to [location]. Is that your home? Or work?&amp;rdquo; Recommendations and guidance could encourage users to set addresses, making future trips easier.&lt;/p&gt;
&lt;h3 id="return-trip"&gt;Return Trip
&lt;/h3&gt;&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2016-05/05-19/donne-che-chiamano-un-taxi1.jpg"
loading="lazy"
alt="Two women with shopping bags waving to hail a taxi on a city street"
&gt;&lt;/p&gt;
&lt;p&gt;Is a return trip common? I don&amp;rsquo;t have the data. But this scenario is typical: going from home (or work) to a place for leisure or errands, and returning the same way on the same day.&lt;/p&gt;
&lt;p&gt;If it&amp;rsquo;s between two frequent places, &amp;ldquo;return trip&amp;rdquo; doesn&amp;rsquo;t quite fit. We&amp;rsquo;d think &amp;ldquo;going home&amp;rdquo; or &amp;ldquo;going to work,&amp;rdquo; part of our routine. A return trip implies a temporary, less frequent location, subconsciously feeling like a short &amp;ldquo;business trip&amp;rdquo; or &amp;ldquo;outing.&amp;rdquo; Like people going home for the holidays; when it ends, we need a &amp;ldquo;return&amp;rdquo; ticket to the city we live in. The destination doesn&amp;rsquo;t matter; the key is that having come here, we can get back. The &amp;ldquo;return trip&amp;rdquo; concept becomes clear.&lt;/p&gt;
&lt;p&gt;But a meaningful &amp;ldquo;return trip&amp;rdquo; concept doesn&amp;rsquo;t mean a &amp;ldquo;return trip&amp;rdquo; &lt;em&gt;feature&lt;/em&gt; is meaningful. The most obvious approach is a &amp;ldquo;Return Trip&amp;rdquo; button on the main screen, allowing a one-tap ride to the last trip&amp;rsquo;s starting point. But there are problems. What if the user hailed a taxi on the street? Or got a ride from a friend? The user wants to go back; they don&amp;rsquo;t care how they got there. The app can&amp;rsquo;t know this, so a return trip option would just add confusion.&lt;/p&gt;
&lt;p&gt;The key issues are:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;How can Didi track user travel history using other methods?&lt;/li&gt;
&lt;li&gt;How can Didi know if a destination is temporary?&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;A mobile app alone can&amp;rsquo;t solve these. Therefore, the &amp;ldquo;return trip&amp;rdquo; concept might be meaningful, but it&amp;rsquo;s not something a single mode of transportation can provide.&lt;/p&gt;</description></item><item><title>The Role of a Designer in a Startup</title><link>https://victor42.eth.limo/post-en/3395/</link><pubDate>Sun, 12 Oct 2014 10:19:24 +0000</pubDate><author>hi@victor42.work (Victor42)</author><guid>https://victor42.eth.limo/post-en/3395/</guid><description>&lt;p&gt;It&amp;rsquo;s been over a year since I started a business with my buddies, and it&amp;rsquo;s been a blast. I want to share this experience and discuss my role as a designer in a startup.&lt;/p&gt;
&lt;p&gt;There&amp;rsquo;s no one-size-fits-all answer; a designer&amp;rsquo;s role depends on more than just design. If you&amp;rsquo;re confident and have strong ideas, you might lead product direction. Or, if you&amp;rsquo;re a stickler for pixel-perfect details, you can find your niche. It&amp;rsquo;s about proactively finding your place in a changing environment.&lt;/p&gt;
&lt;h2 id="getting-started"&gt;Getting Started
&lt;/h2&gt;&lt;p&gt;Our main product is a parking app, so most of my work revolved around its design. Initially, we were mostly part-time, cobbling together the prototype on weekends. No wireframes, no detailed specs – just core functionality. My job was to quickly create basic UI mockups for discussion and development. We had teammates focused on product positioning, and we were all aligned.&lt;/p&gt;
&lt;p&gt;&amp;ldquo;Quickly&amp;rdquo; actually took a while; it was my first mobile project. I&amp;rsquo;d only done web design, with some mobile dabbling on my personal site. The first version had fewer than 10 screens, but it was still daunting. Dealing with Android&amp;rsquo;s resolutions and the iOS 6 to iOS 7 style shift was a steep learning curve. It was a new world, and I had to shed my web experience and start fresh.&lt;/p&gt;
&lt;p&gt;In the early stages, when everything is stretched thin, you naturally do what you do best: focus on visuals and interaction, and help turn the startup idea into a reality.&lt;/p&gt;
&lt;h2 id="integration"&gt;Integration
&lt;/h2&gt;&lt;p&gt;Once the core product launched, the main roles were set. We realized the manpower shortage was even bigger than expected. There was a ton of tedious but crucial work: promotional materials, third-party API applications, app store listings, etc. And things not directly product-related: company registration, office space, interviews. It was tough to assign these tasks. If I could do it better than others, I did it.&lt;/p&gt;
&lt;p&gt;Developers always had more work, and business development was limited by external factors. Designers often have more free time at this stage. I couldn&amp;rsquo;t just relax. I became a multi-tasker, filling the team&amp;rsquo;s gaps. The startup was a steel frame; I was the cement.&lt;/p&gt;
&lt;p&gt;When developers struggled with UI implementation, I learned their principles, weighed priorities, and made adjustments with them. I made detailed UI annotations. I found a tool to link UI mockups with click-throughs, clarifying the business logic. Marketing was just starting, and having a professional designer boosted results. Banners, Weibo templates, company and product websites – I&amp;rsquo;d quickly create them. I also thoroughly tested each version, providing detailed bug reports. If I wasn&amp;rsquo;t the best person to solve a problem, I&amp;rsquo;d note it for the team to prioritize. Speed was key. Early on, getting these supporting tasks done matters more than perfection.&lt;/p&gt;
&lt;p&gt;This stage is messy and fast-paced. The goal is to adapt, integrate, and connect scattered tasks.&lt;/p&gt;
&lt;h2 id="review-and-consolidation"&gt;Review and Consolidation
&lt;/h2&gt;&lt;p&gt;As the team progressed, the product entered a stable iteration cycle. Marketing and business development improved. Design workload stabilized, and it was always less than other roles. Everyone&amp;rsquo;s work was specialized; I couldn&amp;rsquo;t help much.&lt;/p&gt;
&lt;p&gt;I saw this as a chance to pause, review, connect the dots, and think strategically. The significance of the previous stage&amp;rsquo;s tasks became clear: our design lacked a soul. We lacked standards. The product, materials, and modules were disconnected. The external image was inconsistent, mostly improvised. It looked okay, but it was white noise, not a melody.&lt;/p&gt;
&lt;p&gt;So I dove into iOS and Android guidelines, comparing design styles and studying leading products. I felt like starting over, but changes must be gradual.&lt;/p&gt;
&lt;p&gt;I created the company&amp;rsquo;s VI system and applied it to all external materials. I extracted a color scheme and visual style, refined them, and wrote guidelines. App components were unified, with platform-specific differences. Standing on the shoulders of giants is wise.&lt;/p&gt;
&lt;p&gt;Everything can have standards: visuals, interaction, animation, sound, data display, units&amp;hellip; I wrote them down and kept adding. It&amp;rsquo;s a long-term project.&lt;/p&gt;
&lt;p&gt;Beyond tangible standards, we needed to establish abstract ones. What impression do we want to create? What emotions should we evoke? I&amp;rsquo;m still pondering this. While this can be established early, it&amp;rsquo;s unstable. Business and product changes affect it. It takes time, iterations, and refinement for it to emerge. That&amp;rsquo;s the design&amp;rsquo;s soul; you can&amp;rsquo;t force it.&lt;/p&gt;
&lt;h2 id="refinement-and-exploration"&gt;Refinement and Exploration
&lt;/h2&gt;&lt;p&gt;With standards and guidelines, design became simpler, and results improved. Standards drive consistency, and consistency refines standards. This should be done early. When the team grows, its impact is even greater.&lt;/p&gt;
&lt;p&gt;I had more time, perfect for fixing legacy issues! Newbie mistakes and edge cases needed addressing. One basic mistake: tiny click areas in our early Android version, violating the 48dp standard. These problems were in core functions, so fixing them was urgent. I also revamped the product website with new technologies.&lt;/p&gt;
&lt;p&gt;By now, the team had good chemistry. My teammates&amp;rsquo; abilities drove the product. I couldn&amp;rsquo;t fall behind. I needed to improve through learning and apply it immediately. I learned more that year than in the previous three combined: mobile development, responsive design, HTML5 animation, AE motion graphics, browser APIs, even drawing. Most importantly, my design skills improved.&lt;/p&gt;
&lt;p&gt;Keep exploring, venturing beyond design, injecting fresh ideas. Think of yourself as a one-person Google X – a job to get designers&amp;rsquo; hearts racing.&lt;/p&gt;
&lt;h2 id="conclusion"&gt;Conclusion
&lt;/h2&gt;&lt;p&gt;Starting a business is exciting, but tough. If you&amp;rsquo;re prepared to start or join a startup, you&amp;rsquo;re not just a designer, but an entrepreneur – a problem-solver. Your responsibilities include anything you&amp;rsquo;re good at that helps the team. It depends on your expertise, personality, and thinking. You&amp;rsquo;re part of the team, driving it forward.&lt;/p&gt;</description></item><item><title>Level Up as a Designer</title><link>https://victor42.eth.limo/post-en/3080/</link><pubDate>Sun, 09 Feb 2014 13:45:47 +0000</pubDate><author>hi@victor42.work (Victor42)</author><guid>https://victor42.eth.limo/post-en/3080/</guid><description>&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2014-02/02-09/1.jpg"
loading="lazy"
alt="A young blonde girl in a pink floral dress jumps outdoors in warm sunlight, reaching up toward floating soap bubbles, symbolizing a designer’s journey of breakthrough, growth, and continuous self-improvement"
&gt;&lt;/p&gt;
&lt;p&gt;I&amp;rsquo;ve had a reflective year. Being a designer is hard, and I felt stagnant, which was disheartening. But I also learned some key lessons about self-improvement. This year, I&amp;rsquo;m acting on them to break through. And I&amp;rsquo;m sharing them with fellow design enthusiasts:&lt;/p&gt;
&lt;h3 id="1-share-and-share-alike"&gt;1. Share and Share Alike
&lt;/h3&gt;&lt;p&gt;Sharing is the first step. Explaining what you know is a review process. It doesn&amp;rsquo;t instantly grant new skills, but it lets you slow down and truly grasp the core concepts.&lt;/p&gt;
&lt;p&gt;A friend asked how to improve color sense and matching. I was initially stumped. Color is tricky. Finally, I suggested paying attention to everyday colors – packaging, cookbooks, clothes, ads. Try recalling them; the details will fade, leaving only the key colors. That&amp;rsquo;s the essence of color matching. Also, study photography and monochromatic designs. Same idea. I surprised myself with that answer. Had I used these methods? On reflection, I had, but I&amp;rsquo;d only just realized it.&lt;/p&gt;
&lt;p&gt;Answering her question helped me summarize a key design skill. The benefits of sharing are often subtle, things you won&amp;rsquo;t find in books. Don&amp;rsquo;t miss them.&lt;/p&gt;
&lt;h3 id="2-work-hard-network-harder"&gt;2. Work Hard, Network Harder
&lt;/h3&gt;&lt;p&gt;I&amp;rsquo;m not overly talkative, but I&amp;rsquo;m not an introvert either. I make friends, but I don&amp;rsquo;t actively expand my circle. I value my close friends, but I&amp;rsquo;m not driven to meet new people. This is a drawback for a designer. Design isn&amp;rsquo;t solitary; it&amp;rsquo;s about understanding others. Designers need to connect, especially with peers.&lt;/p&gt;
&lt;p&gt;After my article, &lt;a class="link" href="http://victor42.eth.limo/2874" target="_blank" rel="noopener"
&gt;&amp;ldquo;How I Became a Designer&amp;rdquo;&lt;/a&gt;, gained traction, my blog became less isolated. Designers and enthusiasts I&amp;rsquo;d never met reached out, shared experiences, asked for advice, discussed careers, offered projects, invited me to join startups, or just sought encouragement. I was overwhelmed but also touched. After three years of working mostly alone, I found a design family, a sense of belonging. These were real people, not just a forum. Everyone had unique experiences and passion. Most importantly, they were good people, worth knowing.&lt;/p&gt;
&lt;p&gt;Cultivate your design network. Beyond the information you&amp;rsquo;ll gain, the mutual support is invaluable.&lt;/p&gt;
&lt;h3 id="3-every-field-is-a-new-challenge-embrace-it"&gt;3. Every Field is a New Challenge, Embrace It
&lt;/h3&gt;&lt;p&gt;I did graphic design for six months and then moved to web design. I can confidently discuss web structures, resolutions, browser engines, and common hex codes, but should I stop there?&lt;/p&gt;
&lt;p&gt;No way. I can&amp;rsquo;t ignore the mobile boom. I created a mobile version of my blog early on, and even though I was still in a PC mindset, it showed me mobile is a different beast. Shifting screen sizes, different units, touch interactions – there&amp;rsquo;s much to learn. For Apple&amp;rsquo;s Retina screens, you double background image sizes and then compress them with CSS. You only learn this by diving in.&lt;/p&gt;
&lt;p&gt;And &amp;ldquo;design&amp;rdquo; is broadening. App animations are becoming crucial. Button vibrations and sound effects are now design considerations. Design is no longer purely visual.&lt;/p&gt;
&lt;p&gt;The more media you explore, the broader design becomes. How do you design for a colorless e-reader? What&amp;rsquo;s the difference between a smart TV interface and PC software? How should a blind person use a phone? Open your eyes, and the hidden depths of design emerge.&lt;/p&gt;
&lt;h3 id="4-build-willpower-cultivate-habits"&gt;4. Build Willpower, Cultivate Habits
&lt;/h3&gt;&lt;p&gt;I was a gaming addict in college, playing World of Warcraft constantly for almost two years. While I gained something (understanding good game design), three months would have sufficed. I uninstalled and reinstalled it several times before finally quitting, even though I enjoyed it.&lt;/p&gt;
&lt;p&gt;If breaking a habit is tough, forming one is even harder. You need subconscious actions to train willpower.&lt;/p&gt;
&lt;p&gt;Since my student days, I&amp;rsquo;ve consistently written – about life, movies, even weird dreams. Maybe that showed me the value of habits. Whether the habit is useful or not, forming it builds willpower.&lt;/p&gt;
&lt;p&gt;I decided to do something meaningful, long-term, &lt;em&gt;anything&lt;/em&gt;. I had a great idea: translate a foreign design article weekly and create a WeChat account, &amp;ldquo;Me,&amp;rdquo; to share them. I love English and wanted a long-term way to use it. I&amp;rsquo;m a designer, and foreign articles are helpful. I enjoy writing, and translation is creative, plus it enriches my blog. So, I&amp;rsquo;ve kept up this habit, hitting multiple goals, for seven months. If there&amp;rsquo;s anything else I want to do long-term, I&amp;rsquo;m confident I can.&lt;/p&gt;
&lt;h3 id="5-happiness-first"&gt;5. Happiness First
&lt;/h3&gt;&lt;p&gt;The previous points indirectly improve skills, but this one directly impacts your work. An unhappy designer struggles to inspire, and their skills rarely grow. I know this from experience, having had several miserable jobs.&lt;/p&gt;
&lt;p&gt;Knowing some front-end, and mostly working in startups, I naturally did two people&amp;rsquo;s jobs. But front-end developers are scarcer than designers. My coding work increased, and eventually, the company hired another designer and had me focus on slicing. My front-end skills improved, but that wasn&amp;rsquo;t my aim. I should have said no, but it happened, and it soured my mood. The physical toll of overtime and the anxiety of wanting out drained me, leaving no energy for design. It ended with me quitting and starting fresh.&lt;/p&gt;
&lt;p&gt;When you&amp;rsquo;re happy, a designer&amp;rsquo;s mind is supercharged. Amazing ideas flow, and you create interesting things in your spare time. Party posters, crafts, concept designs – practice is vital for growth.&lt;/p&gt;
&lt;h3 id="conclusion"&gt;Conclusion
&lt;/h3&gt;&lt;p&gt;Being a good designer isn&amp;rsquo;t easy. But the charm lies in the breakthrough after the struggle. It&amp;rsquo;s like Neo flying his ship towards the Machine City in &lt;em&gt;The Matrix&lt;/em&gt;. Under attack, he bursts through the clouds and sees the warm, bright skyline.&lt;/p&gt;
&lt;p&gt;So, for the sunshine in your hearts, designers, full speed ahead in 2014!&lt;/p&gt;</description></item><item><title>How I Became a Designer</title><link>https://victor42.eth.limo/post-en/2874/</link><pubDate>Fri, 01 Nov 2013 14:59:42 +0000</pubDate><author>hi@victor42.work (Victor42)</author><guid>https://victor42.eth.limo/post-en/2874/</guid><description>&lt;p&gt;People often ask me why and how I became a designer, given my electronics background. In interviews, I have plenty of answers for &amp;ldquo;why.&amp;rdquo; But with friends, I&amp;rsquo;m stumped, because they&amp;rsquo;re asking &amp;ldquo;how.&amp;rdquo; Recently, a &lt;a class="link" href="http://weibo.com/ccccsp" target="_blank" rel="noopener"
&gt;UISDC editor&lt;/a&gt; asked me the same thing. I couldn&amp;rsquo;t answer immediately, so here&amp;rsquo;s my attempt, at least to clarify it for myself.&lt;/p&gt;
&lt;p&gt;First, a disclaimer: this isn&amp;rsquo;t a how-to. It won&amp;rsquo;t make you a designer. It&amp;rsquo;s just my story.&lt;/p&gt;
&lt;p&gt;I think most people feel their lives really begin in college. We&amp;rsquo;re asked what we want to be, but it takes a decade to truly answer. Dreams and college, however, are different beasts. My reason for choosing electronics was simple: I disliked my city. The easiest escape? A so-so major at a so-so university elsewhere. My application became about picking a city, which simplified things.&lt;/p&gt;
&lt;p&gt;Electronics was duller than expected, at least initially. It was clear this major, focused on capacitors, resistors, and circuits, wasn&amp;rsquo;t for a right-brained person like me. After failing to switch to English, I knew I had to do &lt;em&gt;something&lt;/em&gt;.&lt;/p&gt;
&lt;p&gt;The library was full of options. After some novels, my first turning point came: an advertising magazine. Advertising was a lifeline for many confused young people – inspiring, passionate, individualistic. But I got sidetracked. I grew to dislike the clever marketing and focused on the beautiful visuals. This might have been my first encounter with &amp;ldquo;design.&amp;rdquo;&lt;/p&gt;
&lt;p&gt;Photoshop seemed like the answer. Luckily, I&amp;rsquo;d dabbled before, so it was easy to pick up. But I fell into a trap. I spent six months on videos and tutorials, learning all sorts of effects, yet I couldn&amp;rsquo;t design a simple book cover.&lt;/p&gt;
&lt;p&gt;In my sophomore year, I interned at a graphic design company. That&amp;rsquo;s where I got on track. After learning some software, I was tasked with designing a business card. The result was predictable, but some details were praised – thanks to imitating good designs, not Photoshop tricks. Imitation is key initially, as my boss later confirmed. I spent a long time copying flyers, brochures, and real estate pamphlets, which made color matching and composition my strengths. By graduation, my boss said I was at a senior graphic design major&amp;rsquo;s level, and he wasn&amp;rsquo;t wrong.&lt;/p&gt;
&lt;p&gt;So, I started in graphic design, on par with design majors. But that became irrelevant. My first job showed me that a typical graduate&amp;rsquo;s skills aren&amp;rsquo;t enough. I struggled with an 8-page brochure for a month, needing help from an experienced colleague to finish. Simultaneously, the company&amp;rsquo;s website development needs were huge, so I assisted the front-end developer, beginning my journey into front-end tech.&lt;/p&gt;
&lt;p&gt;On-the-job learning is incredibly effective. I learned by doing, and within two months, I was comfortable with HTML and CSS, creating pages without animations. Later, I realized front-end skills are valuable for designers. I recommend learning them quietly, or at least understanding the principles. Why quietly? We&amp;rsquo;ll get there. The company finally found a use for me. I handled daily news feature pages. Initially, senior designers designed, and I built. Gradually, I could create decent pages myself, and my work stabilized.&lt;/p&gt;
&lt;p&gt;Once, with free time, I was sent to the advertising department to create brochures. My first client project, and a government one at that. I couldn&amp;rsquo;t communicate directly with the requester, leading to endless overtime and revisions. The contact was a short-tempered, harsh guy who&amp;rsquo;d also studied design, so I was bossed around and mocked for two months. I don&amp;rsquo;t know how I survived. Though we were never going to be friends, I learned some design from him. And one more thing: don&amp;rsquo;t get angry needlessly.&lt;/p&gt;
&lt;p&gt;I&amp;rsquo;ve changed jobs, but always stayed within the Internet. I also built and redesigned my personal website several times, improving my design and front-end skills, and giving me a broader perspective on products. So far, my work has been mainly web design, sometimes front-end. However, holding two roles isn&amp;rsquo;t a badge of honor, but the start of a vicious cycle. I realized this late, and it was hard to reverse.&lt;/p&gt;
&lt;p&gt;Specialization is crucial. Design and development are distinct mindsets. Switching constantly hurts efficiency. Limited time and energy are split, reducing output. I feel this with every job change and my thin portfolio. So, learn front-end, but discreetly. Don&amp;rsquo;t flaunt it, unless you&amp;rsquo;re in an early-stage startup. Some may disagree, but for designers, personal growth trumps company tasks.&lt;/p&gt;
&lt;p&gt;Is that all it takes to be a good designer? I thought so until I joined a PC software company. My first encounter with software products. Their complexity far exceeded regular websites. Function trumped content. Four interfaces spawned dozens of PSDs. Fortunately, I led the design from start to finish. Unfortunately, massive layoffs killed the project.&lt;/p&gt;
&lt;p&gt;This made me rethink the definition, or categories, of designers. Design has two mindsets: content and product. Print, banners, event pages, and some corporate sites are the former; social products, e-commerce, management systems, and most apps are the latter. They overlap, but the former emphasizes visuals, the latter usability. A great designer needs both, but for me, &amp;ldquo;warped&amp;rdquo; by front-end, the latter is a better entry. This doesn&amp;rsquo;t mean narrowing your focus. Broad exposure is vital, mastering trends in graphic, web, UI – all are welcome.&lt;/p&gt;
&lt;p&gt;The direction became clear. As tech deepens its reach, product thinking will become increasingly important. User experience is now a must-have for designers. Learning resources aren&amp;rsquo;t structured. What matters is a love for technology and life, and a &amp;ldquo;no compromise&amp;rdquo; approach.&lt;/p&gt;
&lt;p&gt;Before I finish, one question remains: Do I &lt;em&gt;really&lt;/em&gt; like design? Well&amp;hellip; it&amp;rsquo;s my favorite among all professions I know. The brainstorming and inspiration phase is the most fun, and the focused execution the most rewarding. Though progress becomes harder to see with time, looking back at my work sometimes surprises me – I actually created that.&lt;/p&gt;
&lt;p&gt;Once a designer, it&amp;rsquo;s a lifelong commitment. Even if I stop designing professionally, I can&amp;rsquo;t stay away.&lt;/p&gt;
&lt;p&gt;It&amp;rsquo;s become my worldview.&lt;/p&gt;</description></item></channel></rss>