本篇记录一次我很不愉快的设计面试测试题经历，主要包含倆部分：一、分享我的设计题思考；二、谈面后感质疑。写出来的目的是为了记录经历、提醒自己吸取教训未来类似情况避黑绕道。
去哪儿v.4.10.59
一、去哪儿机票事业部设计面试题
·面试时间：2019.7.25周四
·题目：针对机票购票流程中的内容（附件页面）做用户体验优化，不限制具体要求，可自由发挥；
·附件测试题页面：机票航班结果页、套餐详情页；
·产品版本：去哪儿 app iOSv.4.10.59
（一）我的设计思考方向
即“ 如何让用户更好获取航班优惠信息，提升点击？”
目标向导：信息展示可读性、易读性、引导性
（二）交互框架分析
1. [例] 机票航班结果页
测试题：机票航班结果页；它的框架梳理
问题：信息重叠与主次权重失衡，需要收纳或删减重复路径。
【目的地】在导航栏与航班结果页重复出现；当前航班意向为用户匹配合适的航班信息，【客服】、【分享】、【收藏】等功能属辅助用户查询航班，可收纳提供统一入口查看；而价格的明细在机票详情页的购物车再次出现，同属辅助说明信息，当前页中可去除。
优化框架比对：
（左）优化前 VS 优化后（右）
1.1航班信息卡&TAB导航
机票航班行程信息卡模块
问题：阅读视线涣散，密集布局影响信息检索
航班行程表以机场为主标题上下布局，右侧作为航班明细，折型视线破坏了用户从上之下的阅读习惯；不同航班的具体信息集中于右侧空间，缺乏层次划分模糊，而浅灰细小字符更加剧阅读压力。
优化交互比对：
（左）优化前 VS 优化后（右）
优化后设计图也对TAB导航中的文案大小、分栏区域、定位条细节处理，让当前定位更醒目显示。
1.2机票推荐信息：套餐/普通型
机票商业模块：往返票价推荐、套餐机票推荐、普通机票
问题：优惠利益点模糊、冗余的设计元素、布局规范欠缺一致性
套餐机票区别于普通机票，享受更多权益和优惠力度，title和优势应该更清晰展示用户；同时统一布局样式，去除复杂的装饰和文案突出主体。
优化交互比对：
（左）优化前 VS 优化后（右）
2. [例] 套餐详情页
测试题：套餐详情页；它的框架梳理
问题：信息归纳和控件规范一致性，状态导购含歧义操作
【用户评价】用于对套餐的测评，与【套餐选购】主次权衡更倾向次级说明，规整至套餐情况版块；三类套餐选购（即套餐选择、保险、出行必备）从Title文案组合看规范欠缺一致性，可统一形式引导操作，如采用动名词组合。
优化框架比对：
（左）优化前 VS 优化后（右）
2.1选项状态
套餐选项控件及状态
问题：选购状态引导含歧义操作、套餐优惠吸睛点弱化
每个套餐都采用浅灰面强化引导用户选择，但灰面控件也存在【可点/不可点】歧义；同时大面灰度一定程度也弱化了每份套餐的独特利益点。
优化交互比对：
（左）优化前 VS 优化后（右）
优化后设计图对状态做细分，默认细边框白底选项，灰面作为不可点明确指示；同时也对优惠标签、价格、单位符号做细节强化对比。
3全局预览
机票航班结果页 ：（左）优化前 VS 优化后（右）
套餐详情页 ：（左）优化前 VS 优化后（右）
（三）UI视觉分析
1.视觉元素组织
机票页面中的主要视觉元素和控件
问题：设计元素多样繁琐、色彩在表达信息上划分性弱
鲜红色对价格和购买上有醒目引导，但在文本上过多使用容易视觉疲劳，识别性也相对降低；标签是用户快速识别内容信息的符号，统一形态和模式更便于阅读和区分。
2.不同的机票套餐卡
机票页中三类套餐卡片：金色/普通/银色
问题：Title识别差异性模糊、不同优惠卡利益点含糊
原设计统一使用红色title文案引导视觉，但识别性弱。优化融入品牌蓝绿一定程度能打破霸屏的红色视觉疲劳，也能辅助识别文本标题，让用户快速获取到套餐卡信息；同时优化不同机票套餐卡元素，去除冗余繁琐图形和标语，规范界面布局，提升信息可读性，突出利益点吸引点击。
优化UI视觉比对：
（左）优化前 VS 优化后（右）
3.不同的选项状态
套餐详情页的选项状态
问题：选项状态的明确性
灰面状态歧义容易引起误理解，标签利益点在灰面中也相对模糊，吸引力度降低。
优化UI视觉比对：
（左）优化前 VS 优化后（右）
4.标题下的操作引导
套餐详情页的标题和控件引导
问题：说明性/功能性信息含糊、引导操作体验欠缺
机票套餐中对【保险】模块做了贴心广告语，意图提醒用户购买安全保障，但界面表达中含糊了功能性说明【具体事项】入口；预定栏提供两种购买方式，均用红色引导操作，模块区划识别若，且与套餐气泡标签同色，视觉差异性小。
优化UI视觉比对：
（左）优化前 VS 优化后（右）
5.全局预览
机票航班结果页：（左）优化前 VS 优化后（右）
机票套餐详情页：（左）优化前 VS 优化后（右）
（四）结语
对于去哪儿·机票航班信息的设计体验优化，我主要从产品的界面交互框架和视觉元素去谈。商业信息植入，尤其优惠力度大的机票更应考虑如何最大化展现给用户，信息的展示流和引导都关系到用户检索航班的效率，从中平衡商业与设计体验才能更好发现并选择合适自己的机票。
以上，浅谈我的设计想法和尝试，谢谢您的阅览！
二、糟糕的面后感和难以述说的疑虑
面试历程时间线：
2019.7.25周四-去哪儿机票事业部设计面试；
2019.7.27周六-完成面试设计测试题；
2019.7.29周一-提交测试题邮件（无回音）；
2019.7.31周三-再次提交测试题邮件（回音：待测评）；
2019.8.1周四-询问测评（无回音）；
2019.8.2周五-APP STORE去哪儿新版已经上线，历史版本最新动态更新时间1天前（即2019.8.1前后更新版本v.4.10.59/v.4.10.60)，机票模块部分优化点与我设计题里相似；
2019.8.2周五-当天电话询问面试测评并要求反馈，回复我“下班前或下周一答复”。当天下班（无回音）；
2019.8.5下周一至今（无回音），且短期再次更新版本。
线上页面设计变化：
机票套餐卡设计变化
线上原页面的套餐卡价格名称采取同色并列，享有权益与用户评价并无明显分化，在测试题优化中我意向是呈现信息差异化，交互框架改权益和评论整合一体但有不同颜色分层，视觉上价格标题异色显示，便于区分阅读，适时可融入品牌色突出特征，而新版本的页面都对这些细节做了改动。
难以述说的疑虑是因为在面试期反馈上承诺与实际不符，收到测试设计优化稿后没有回复却一直上线更新，线上优化点存在擦边，邮件和电话联系过对方但没有回音。另外，套餐详情页是v.4.10.60以前没有的页面，也就是它是个未来的设计方案，所以当前我也无法在版本中截图比对，这一切到底是巧合还是传说中的骗稿？
面试是双向且诚信的，既然承诺了按时提交结果和反馈，我如约做到，但招聘方口头承诺却行为回避我只能以质疑眼光看待。只希望未来上新页面不要出现我提过的设计方案，留点作为招聘方基本的职业道德。如果与我疑虑属实，那真是要永久避黑绕道了。
-
本文首写于我的简书博客，但因简书系统整顿问题，文章写于8月，预计9月底才能系统修复发表功能，目前只能把文章默默放进自己的文集存档了和发在自己的LOFTER。
网友评论