UX Pedia Presents
本文约5617字，阅读需要15分钟
面试“通关”的方法论 




本文作者：陈锘然
西安建筑科技大学建筑学学士
宾夕法尼亚大学景观20Fall
今天继续为大家推荐 UX 设计师面试时，“指点迷津”的超高效工具书——《Solving Product Design Exercises: Interview Questions & Answers》，感兴趣的同学可以通读全书，非常有帮助！
 Chapter Three 
 Questions and Answers 
在本章节，作者通过5个任务案例，展示了如何运用5W1H框架完成设计挑战，如果你有足够的时间，不妨拿出纸和笔一起完成。
-任务一：设计一个补充洗发水和沐浴露的售卖机器界面
在开始之前，候选人为能更清晰的了解任务细节，与面试官展开了对话，并收集到了以下信息：
设计范围——放在杂货店里的售卖机；
不能改变原有的硬件配置（两个液体存放箱+信用卡读取器），只能设计界面；
有3种不同的洗发水和沐浴露需要被放置在机器里。
接下来，依据5W1H框架（忘记的话，可以回顾下 Chapter 2），来看看如何解答这个问题：
1、理解目标（why）：做这样的产品可减少包装有利于环保，且受众广；假设洗发水是高利润产品，那么可以通过减少包装提高质量来降低竞争者的价格点。对于售卖商家而言，配合全新的交互系统，这种模式还能推广到洗衣液等其他生活必须品上同时增加用户粘性。
2、定义用户（who）：环保主义者、接受新事物能力强的千禧一代、都市居民、低收入人群。
3、了解用户的使用需求与场景（when and where）：首先，售卖机放在超市或者杂货店，这个场景说明这是在光线良好的室内、也许会有排队，同时消费者一只手中可能会提着购物袋；其次，由于购买洗发水保持卫生是最基本的需求，不需要刺激消费者购买，交互界面要做的只是提供良好的购物体验。所以，为了保证购买流程的高效简洁，需求集中在两点：减少排队时间、方便一只手操作。
4、罗列方案（what）+5、重点推进的方案，由于我们已经明确了要设计什么产品，所以这两点可跳过。
6、解决方案生成：通过storyboard列出消费者的行为顺序：
排队——开始使用售卖机——选择产品、味道、毫升——支付——等待液体入瓶——收起瓶子离开。
Storyboard for user journey of refilling soap or shampoo using the kiosk
在将售卖机视觉化之后，根据体验流程进行界面设计，开始页面设置标语突出洗发水特色（如无硅油）。
Kiosk’s default screen（左）
Product choice screen（右）
在主页面上，除了基本购买选择功能外，作者提到了几个应该考虑的额外功能：
帮助功能，预留帮助电话与邮箱，顾客在寻求帮助的同时，也能帮助收集产品反馈；
瓶子测量器（帮助用户确定要买多少毫升）；
购买完成后的最终页面，可以为消费者呈现此次购买行为节约了多少生产瓶子的资源。
7、衡量成功（how）：第一次使用的人数、购买流程花费时间、购买成功率、用户向其他人推荐该产品的意愿指数（NPS）。
-任务二：为亚马逊设计自助出版的网络平台
超过81%的美国人想要自己写书，31%在 Kindle 上在售的电子书都是自助发行的，需要设计一个自助出版的平台，以降低自助出版的门槛。这是一个范围很大的项目，适合作为带回家的设计挑战测试，由于产品作为亚马逊的一部分，候选者应当考虑如何利用亚马逊现有的设计系统。
1、理解目标：亚马逊的任务是为用户提供购买任何东西的平台，而图书作为亚马逊业务的很大一部分，尤其是 Kindle Store，能带来很高的利润，降低自助出版的门槛有助于增加电子书市场的供应量，提高收益。亚马逊现有 Kindle Direct Publishing，可以重新设计该平台来达到目标。
2、定义用户：会自助出版的用户年龄一般在30-80岁，社会中上层阶级，很可能是自雇工作，受过良好教育。可将用户分为第一次使用和反复使用两种，前者需要更多的指引，后者需要更高的效率。
3、了解用户的使用需求与场景：在完成写作后，用户一般会在工作的设备上进行自主出版，在兴奋的同时会感到焦虑。同时，用户需要：图书封面、编辑目录、插图、内容排版、网页的呈现、有力的前言、不同版本的电子书、设置纸质书的生产和运输、营销的材料、设立财务。
4、罗列想法：发表时由于过程复杂，用户可以通过网站进行操作；发表后，用户可通过手机进行追踪查询。
5、选择解决方案：选择网页作为设计对象。
6、解决方案生成：对于网站的定位，为减少干扰，网站应该独立于亚马逊购买网站存在，但可以通过亚马逊账号登录。对于开始界面应该减少新用户的焦虑。
An after login welcome-screen
在进入正式工作界面后，将之前分析的需求陈列在流程清单中，用户将开始一步一步经历所有流程，流程清单以非线性的方式陈列在左侧。
Manuscript & Layout setup empty state
当用户完成出版后，将跳转至庆祝页面，之后用户可以预览成果。
Success screen after author has completed the process and published their book
7、衡量成功：通过总成功率、每个步骤完成率将 Kindle Direct Publishing 与新设计的网站进行对比，通过用户留存率来判定产品是否成功。
-任务三：为自由职业者设计业务管理的 Dashboard
这个项目已经为候选者定义了用户和产品类型，适合于现场白板设计挑战。明确设计Dashboard（交互式分析仪表盘）也降低了产品设计难度，不需要候选者思考 User Flow。
1、理解目标：人们越来越倾向于成为自由职业者，但是很多人无法量化业务管理。提供一个便于他们管理业务的产品能让他们花更多时间在实际的生产工作中，从而增加他们的收入，由此成为自由职业者的门槛能够变低，产品市场能够进一步扩大。
2、定义用户：通过三类不同的分类定义不同人群的需求。职业（设计师、软件开发者、作家、摄影师……），工作性质（全职、兼职、雇佣合同），经历（新手、老手）。
3、了解用户的使用需求与场景：（when）用户在进行每一步业务操作的时候情绪会有所不同，产品应对此作出反应；（where）用户会用电脑或者手机在家、咖啡厅、甚至户外进行操作；（needs）为了掌控他们的业务，细分为：业务资金如何管理？未来如何规划？怎样能让业务更进一步？
4、罗列想法：建立一个提供业务管理的网页，同时在移动端也能提供服务。
5、选择解决方案：选择网页和 App 作为设计对象。
6、解决方案生成：Dashboard 是 App 的主要进入界面，因此分析有两个主要目标：提供业务完成状况的全局预览；提供快速进入主要操作区的路径。结合第3点了解用户的使用需求与场景，将 Dashboard 分为3个区域。
Master-detail layout for our dashboard with sidebar navigation
对自由职业者处理业务的流程进行分析：发起提案——发起合同——追踪截止时间——追踪花费——发起账单——追踪到账进程，设计导航边栏。
Dashboard with three content parts: financial status, projects' status and action items
对每一个部分进行细化，设计 App 版本。
Mobile version of the dashboard
最后，对于第2点中提到的新手，我们可以在最开始提供指导，对于雇佣合同类的用户，产品暂时不能满足他们的需求，他们不是目标人群。
7、衡量成功：用户完成“Up next”指令的次数；在发行前和发行后进行用户满意度调研；项目完成率（自由职业者收入增加率、用户留存率、NPS）。
-任务四：提升初级健康护理
初级护理与健康护理服务有着紧密的联系，同时它也与健康护理在人群中更平等的分布有关。当今美国的健康护理系统面临着严重的短缺和劳动力不平等的分布。设计一款电子产品让初级护理更可得。
这个题目可作为带回家的设计挑战，同时也可作为现场的白板设计挑战。以带回家的设计挑战为例进行详细的说明。
1、理解目标：初级护理在公共健康领域扮演着重要的角色，专业人员和病人更多的接触能够帮助预防诸如癌症、中风等致命的疾病。通过让更多的专业医生与病人花时间在一起，人们的生活质量能够得到提升，并创造上亿的健康护理系统产值。
2、定义用户：一共有4类用户，包括护士、病人、专业医生、诊所接待人员。聚焦在病人和专业医生上。
3、了解用户的使用需求与场景：当病人感到不舒服的时候，会在家预约医生，再去线下诊断，心情往往是焦虑不安的。同时，除了从病人的角度，我们还应该记住诊所要更加主动才能起到预防的效应。病人对诊所的需求有：服务质量高、熟悉、价格能够接受、等待时间短、有方便的预约时间。同时，通过采访了解到，除了看病以外病人还经常会去诊所更新药方、常规量血压、开病例单、精神健康咨询、接种疫苗等。
4、罗列想法：
建立一个评价网站和 App 帮助患者寻找附近的医生同时参考评论；
创造白标（White Label）产品让患者可以通过音频或者视频面诊；
创造共享面诊平台，让有相同症状的人能通过手机 App 同时面诊，以降低成本同时让健康系统覆盖到更多人；
提高预约系统，让病人能够提前告知自的症状。
5、选择解决方案：通过 Impact\Effort 坐标评估4个想法。
Impact/Effort matrix of ideas we mapped in Step 4
6、解决方案生成：首先假设医生每周都会给同样症状的病人重复解释相同的问题，这个过程可以被优化。首先整理出病人的使用流程：
打开app——登录——选择预约类型——查看面诊的时段——选择面诊时间——支付——获得预约通知——打开 App——加入面诊——提问——如果医生同意则可提问。
为了帮助病人提前自助诊断预约，可以通过以下方式：
GP Advice（全科医生建议）系统；
以往病历 ；
高风险因子推荐：系统会根据病人填写的个人信息推荐就医，比如超重高血压，会自动推荐科室和医生。
App 完整 UI 如下：
图A：Login screen for patients with value propositions of the product
图B：Main screen with a list of suggested patient appointments
图C：Appointment details with a list of time slots available for this type of appointment
图D：Modal window for appointment approval
图E：Post-schedule screen with suggestion to set up an appointment reminder
图F：Homescreen shortly before an appointment begins
图G：The appointment experience – watching the streamed video call and asking a question
5W1H框架，将问题和对应解决方法全部整合在一起
7、衡量成功：对于 App 是否成功，可以从预约登录转化率、预约参加率、面诊过程中提问请求率，来衡量。对于共享面诊是否具有商业价值这一点，可以从病人面诊数量的变化、长期病人病情的变化、病人在看病上的花费是否减少、诊所是有在每个病人上花费更少，但服务质量不变，来衡量。
-任务五：提升ATM机的体验
这个项目是一个很好的白板设计挑战项目，设计范围可大可小，既可以是金融服务系统的改造，也可以简单重新设计 ATM 机器的 UI。
在开始挑战前，面试者应该首先向面试官提问，确定要解决问题的范围。比如，是重新思考用户如何与银行交互还是仅仅聚焦于使用 ATM 机的体验，ATM 机的使用场景是在第三方（便利店），还是银行里面或者旁边？经过询问任务最终确定为改进现有银行附近 ATM 机的使用体验。
1、理解目标：ATM 机的使用方式基本不会改变，如果想提升，可以从一下几个方面入手：
为用户提供更好的服务同时提高服务效率；
让用户更多使用该银行的 ATM 机 ；
增加用户对该银行的粘性 ；
扩大服务范围。这些都能提高银行的收入。
2、定义用户：对科技不敏感的老年人（可减低 ATM 机的操作门槛吸引这类人群）；外国游客（需要其他语言的引导）；刚开始接触理财的青少年；残疾人（特别是盲人）
3、了解用户的使用需求与场景：试想 ATM 机操作的场景：公共空间、时间几乎跨越一整天、在吵闹的街上、变化的天气、可能会排队、用户会感到不安全。用户使用 ATM 机器的需求可能是存钱、取钱、打印银行声明、转账、支付账单等，但值得注意的是这里的一些需求不一定要在 ATM 机上完成，银行网页上也可以。
4、罗列想法：
重新设计 ATM 机器的 UI 界面，提高效率，减少排队；
无卡服务，使用指纹识别、面部识别或者手机二维码识别，防止忘记密码等，降低使用门槛；
将 ATM 机转化为整个使用流程的终端，仅仅提供“物理交易”（如打印声明），其他步骤在智能手机上完成，以提高交易效率；
为儿童和青少年设计的 App，父母可以将零花钱提前存在卡中，让孩子去取，教会他们理财。
5、选择解决方案：通过 Impact\Effort 坐标评估4个想法。
Impact/Effort matrix of ideas we mapped in Step 4
最终选择第三个方案。第三个方案既提高了服务效率，减少了排队，又不需要银行卡，降低了 ATM 机的操作门槛。
6、解决方案生成：首先通过 Storyboard 解释用户的体验流程。
Storyboard showing the ATM being used as a cash/deposit/printing point
考虑到如今很多银行都有自己的提供服务的 App，我们仅仅需要将操作 ATM 机的功能加入即可。所需要的功能为：取钱、存钱和支票、打印银行声明，用户可以提前设置要存取的数目。当靠近 ATM 机器时，通知会自动弹出，点击之后可进入 APP，扫码 ATM 机，以进行最后的操作。
Dedicated area for ATM operations in the bank mobile app（左）
Code scanner for connecting the app to the ATM（右）
Notification about saved action when an ATM is located nearby（左）
A quick access to the saved action banner on the homescreen（右）
7、衡量成功：用户终止服务的比率、ATM 机前排队减少量、重置密码的比例是否减少、信用卡欺诈是否减少。
 Chapter Four 
 How to use a design exercise when interviewing 
本章面侧重于给面试官的指导，面试官应先明确自己想要测试的技能。不妨从两方面考虑：
面试者需要哪些技能才能加入公司；
你最担心面试者不具备哪种技能。一般而言，可以设置两个设计挑战：一个是让面试者带回家的设计挑战，主要考察视觉设计的技巧；另外还应设置一个面对面的白板设计挑战，考察产品思维。
-带回家完成的设计挑战
对于初级设计师岗位而言，为了测试面试者的专业素质，可以布置一些带回家的设计挑战，最终交付时间可限定成2-7天。但带回家的测试并不能在第一时间看到面试者的沟通、思维及抗压能力，还需与其他测试一起进行，方便面试官全面系统的决策。
-现场测试
通过白板挑战或者让候选人在短时间思考后进行汇报是一个很好考验其产品思考能力的方式。首先，面试官应该让面试的逻辑通畅，给候选人提供面试所需要的用具，让其感觉舒适。在短时间内想出解决方案，且进行汇报是一件很困难的事情，所以当候选人卡住的时候，也要试着帮助和引导他们。
-如何设置设计挑战任务
尝试将那些明显的市场机遇转化为设计挑战的题目；或者寻找需要被解决的问题，将其转化为题目；最后，还可以从其他公司已经建立的商业需求中寻找题目灵感。
-为什么避免使用公司自身的产品来作测试题目？
首先由于面试官对于这些产品的了解程度远比候选人深，所以在评价结果的时候难以客观；其次，面试官会被自己对于这款产品的看法所左右，最后选出的员工很可能是碰巧和面试官观点一致的人；最后，这样做在道德上也是错误的，候选人好像在为该公司的现有产品做免费咨询。
核心的4个章节通读下来，可以发现，在实际工作中，如何实现企业商业价值，如何搭建设计方法论，怎样应用设计语言与用户完成沟通，显然是更为重要的。
在谷歌、亚马逊这些顶级公司中，设计师们仅将部分精力放在美学钻研，而剩下的则聚焦在思考产品上。他们非常清楚公司的商业目标，甚至在一些初创的企业里，设计师是需要直接参与到业务的方方面面，还要理解公司战略，收益模式等。所以，设计师也需更宏观的思考，提升专业和商业认知，更好的助力行业和企业发展。
／End. 
相关引用
-《Solving Product Design Exercises: Interview Questions & Answers》Written by Artiom Dashinsky 
-图片、GIF来自网络
-未经UX Pedia允许不得转载
往期推荐：
撬动UX面试，快速解决设计挑战（上）
图文结合的UI布局，如何完成？
情感化设计怎么做？大厂实例案例分析
流行全网的“孟菲斯风格”的前世今生
  UX 辞典  
策划│雪诗
撰文│陈锘然
编辑│梦奇
• 扫码加辞典酱 •
• 成为学习交流小队一员吧 •
形象理解用户体验，时刻关注设计趋势
2020©UX Pedia. All Rights Reserved
「喜欢UX辞典的推送，请设置个 星标☆ 」
「下次就能 第一时间 看到惹」
 赞了吗  在看吗 
 戳下这里呗  别害羞 :  ) 
继续阅读
阅读原文