老师傅摆摊儿看手相（划掉）作品集啦！

新人求米！

UX Designer 8年YoE，G家Manager，目前为止筛过100+作品集。如果有作品集critique需求的同学请在下面留言，附上链接:-) 为了最大化受众，所有对作品集的评论都会公开。

Irving16 发表于 2020-4-22 10:04
链接: www.yunyu.me.  感谢前辈提供如此宝贵机会!

感谢Yunyu当小白鼠 ;-) 非常不错的作品集！
Highlight


设计

• 视觉设干净清爽，用色协调，阅读体验很好。
  

叙事

• 项目陈述时逻辑清晰，图文并茂，节奏和信息量控制得很舒服。
  

内容

• Impact, impact, impact——重要的事情说三遍:-) PatPat的项目是个很好的案例，因为设计落实到了实实在在的转化率提升上。设计不能光是风花雪月，扎实的商业/用户影响力常常是检验设计的最终标准。
  

Room for improvement


设计
如果说项目团队里只有一个龟毛处女座的话，那只能是咱设计师了，所以自己的门面一定要做到完美无瑕，有细节才能有质感。

• Responsive design：通常这是我打开作品集之后第一个检验的点。你的网站实现了responsive design, 但有几个瑕疵。比如PatPat详情页有些图片在CSS(.div-block-21.distance)里设置了太大的min-wdith，把页面排版打乱了。
• 
• Typo: PatPat详情页，把But写成了Bur；VR项目详情页，"But at the ideation phrase..."应该是"But at the ideation phase..."。如果能找native speaker编辑一下就更好了，一是能查出这些小毛病，二是能在整体上把语言改得更简练顺畅，更符合用词造句的习惯。
• Alignment: 一定要严格对齐啊，不要伤害强迫症读者。
• 
  
• 加分项：很多设计师的作品集都采用类似的排版：首页上是些卡片，包含缩略图和简介，点击后进入详情页……如果有兴趣有把握的话，可以考虑如何在设计上与众不同，脱颖而出。
  

叙事和内容
可以看出你是个缜密的设计师，做项目时思路环环相扣，呈现时也是如此。在此基础上想象一下，如果你的某些访客(HR or hiring manager)每天有20份作品集要看，你不巧是第19个，如何让他们多停留几分钟多读一些，别错过了重点？这其实非常考验设计师讲故事(storytelling)的能力。可以参考一下苹果介绍iPhone的页面：观众只需无脑往下滚动，便不会错失任何一个卖点，愿意深挖spec的人也能迅速找到入口。
几个想法，抛砖引玉一下：

• Progressive disclosure，一步步吸引观众读完全文。“神秘山村，每天深夜12点怪叫声便起，吵醒全村人，是野兽出没，还是鬼魂闹事？”这么带领观众一步步走近科学，他们怕是根本停不下来。但如果一开始挑明了说村里有个胖子每天准时睡觉打呼噜，吵得村民睡不着，立刻就得换台。
• Don't make me think：首页有5个项目，观众会挑哪个？他们会怎么选择？怎么让他们点击最重要的项目？你能不能替他们选，或者引导他们选？
• Repeat repeat repeat：作为一个设计师，你最得意的能力是哪些？data driven? hands-on prototyping? business sense? 如果能帮他们总结出来，在作品集各处重复提及，联系到具体例子，成为贯穿全站的中心思想，他们的印象会更深刻。
• Tell a story：人都是喜欢听故事的，如果能利用好这一点，让观众更有代入感，会让作品集在客观之余增加一些人性的色彩。举个例子：VR Hands项目的开头，能否用第一人称描述你的切身体验，进而以小见大，抽象出laser interaction model的缺陷？这其实也是很多美国新闻报道常用的手段。
  

先说这么多，希望有点用:-)

刚拍了一张手相准备进来上传的来着……打扰了

我还真以为这里在看手相呢（狗头

马一下，等我整理出一份能看的再给lz批判一下

马克！顶楼主

链接: www.yunyu.me.  感谢前辈提供如此宝贵机会!

哇哦，谢谢前辈提供如此宝贵的机会～正在建作品集！

Irving16 发表于 2020/04/23 02:04:56
链接: www.yunyu.me.  感谢前辈提供如此宝贵机会!

哇～ 前辈你好！根据作品集找到你的LinkedIn，发现居然是二度人脉呢哈哈哈

https://Xiangqi.rocks
感谢前辈🙏

p3rufa3 发表于 2020-4-24 16:42
https://Xiangqi.rocks
感谢前辈🙏

谢谢参加！域名够霸气;-)


Highlight

设计
真的非常简洁。字体/字号/颜色可以说已经不能更精简，很有特色，但也很考验用其他变量来完成视觉效果的功力。


内容
逻辑清晰，而且语言简练，完整呈现了项目构思和实现的流程。项目经历满满的干货。




Room for improvement

设计
如上所述，简洁的设计因为solution space维度更低，要在保持简洁的情况下呈现必要的visual grouping和层级关系就更有挑战，尤其你采用的是一个比较少见的右对齐的F-pattern，与用户已经形成的阅读习惯有些差异。以首页为例，在用户开始交互（滚动页面）之前，下图这几个导航元素看起来视觉权重是类似的，虽然实际上Xiangqi Liu, Projects, Toolkit, About这三个才是最顶级的导航元素。如果你对我做eye tracking的话，结果会是在这几个元素之间跳动几个来回，试图搞清楚它们之间的联系，然后再开始阅读。这虽然不是什么大问题，但是否值得读者在这上面花费这一丢丢脑细胞，就比较见仁见智了。

在项目详情页，左下角的区域被改造成了页内导航，这对长文阅读很有帮助，但跟首页左下角的规划（外链）有些inconsistent。

最后，关于responsive layout，在大屏幕上的排版会更凸显visual imbalance：左边接近屏幕宽度2/3的大块留白与众不同，也会让页面各个区域之间距离更远，联系减弱。当然这也许是你想保留的特色，毕竟世界上不会只有Medium那样把留白平均分配、内容居中的唯一排版方式:-)

内容
作为初入职场的设计师，你和银联合作的项目是个巨大的加分项，值得更多笔墨！如果光看首页的缩略图和标题，读者很难知道这是个如此怪兽量级的产品。我甚至觉得你该标题党一下，类似"How I used design to bump App Store rating by 40% for an app with 150M+ DAU"。看到这样的标题，请问哪个HR/Hiring Manager不会跪着点进来？


另外，如果你计划在美国求职的话，语言上可以更大胆一些。很多东亚背景的设计师（包括我在内）往往绷着一根谦虚的筋，习惯用We来作为主语，用help之类的动词来描述自己和团队一起达成的成就。但美国的职场文化更喜欢直截了当，"what exactly did you do?" 所以可以把你的直接贡献大张旗鼓的说出来，比如"I advocated for xyz", "I organized studies with N users", "I led N rounds of conversations with the client", "I created N design iterations throughout the process"。这比笼统地说"help", "contribute"更能让人留下深刻的印象。


最后，对于除了Scan to Pay之外的几个项目，如果写了problem statement (e.g. "facing strong challenges from local competitors")，最好能有对应的impact statement，也就是问题最后解决得如何。


以上。希望有用:-)

armymen 发表于 2020-4-24 10:27
感谢Yunyu当小白鼠 ;-) 非常不错的作品集！
Highlight

感谢前辈的意见！真的太有用了，自己很多细节做的不到位以为不会被发现的地方都被一针见血啦 哈哈。我一定好好修改的