Peter Wang's Blog

22歳、学生です。


  • 首页

  • 归档

UXRen译-如何对视觉设计进行测试和有效评估

发表于 2018-12-09 | 更新于 2020-07-04

本译文首次发表于 UXRen ( http://uxren.cn/?p=60195 ),由UXRen翻译组出品
作者:Kathryn Whitenton | 翻译:包子不好吃 审校:Ivan

概要:在对字体、颜色和其他的视觉元素进行评估的时候,要兼顾视觉印象和行为效果。

我们对诸如字体、颜色、对齐和图像这样的视觉元素的使用,早已不仅局限于提供易用的体验,我们也会用它来表达复杂的品牌特质(如友好、可靠和创新等等)。

许多团队最初会定义他们想要表达的品牌特质,随后设计师和相关负责人会选出一些他们认为可以传达这些品牌特质的视觉元素。这种方法假设设计师和相关负责人能准确地预测用户的想法。这可能是一个很好的开始,可是并不能确保在设计师看来很“友好”的东西,在用户看来也是这样。

当企业能够从有效的品牌传播中获益的时候,我们就应该对视觉选择及其对用户态度的影响进行严谨、数据驱动的评估了。

阅读全文 »

[UXRen译]优秀用户体验设计师的12个特质——我从从优秀设计师身上观察所得

发表于 2018-06-26

本译文首次发表于 UXRen ( http://uxren.cn/?p=59773 ),由UXRen翻译组出品
作者:Coraly Rosario | 翻译:包子不好吃 审校:Carol

要怎样才能算上一个优秀的设计师呢?优秀的设计师意味着要在大公司里工作?还是要打造了一个意义非凡的世界?抑或是因为写了本设计领域热销的著作?…

一个优秀的设计师可能会满足以上的所有条件,也可能一条都不符合,这其实都不重要。当你和优秀的设计师一起共事的时候,你就会从他们工作和为人处世的方式——独处方式、思维方式、设计方式——来感受优秀的设计师到底是什么样子的。其实他们都有自己独特的处事风格,并且各自有着不同的特长和个性。我有幸和一些非常棒的用户体验设计师和产品设计师一起共事过,他们有一长串无法数尽的本领。但我观察到一些他们共有的特质:

“成为一个优秀的设计师的秘诀,就是热爱设计。”—— Onur Cobanli

阅读全文 »

一次用研笔试的作答:大学生兼职 APP 的用户招募条件 & 用户招募公告

发表于 2018-04-03

按:这是我前段时间投递某咨询公司时收到的一份测题,但最后因为一些意外的原因并没有能够去参与面试。但我觉得这个测题本身非常有趣,所以在征得对方同意后,将这份测题以及我的作答整理出来在这里分享。

本回答共分别为 用户招募条件确定、C端用户(大学生)招募公告、B端用户(雇主)招募公告、C端用户(大学生)招募问卷及设计说明、B端用户(雇主)招募问卷及设计说明 五个部分。其中两个招募问卷不仅有包含在本回答中、附有说明的版本,点击招募公告中的对应链接还可以访问对应招募问卷的在线版本。

题目:A公司拟开发一款大学生兼职平台APP(大学生可找各类兼职),打算邀请8-10为用户进行访谈。请思考需要的用户类型,制定用户招募条件,并制作成一份对外发布的《用户招募公告》。

阅读全文 »

[翻译]定量和定性可用性研究中的任务拟定

发表于 2018-03-11 | 更新于 2018-03-12

此文章翻译自发表在 Nielsen Norman Group 的文章 Writing Tasks for Quantitative and Qualitative Usability Studies, 原作者是Kate Meyer。

摘要:所有的可用性研究都涉及到要求参与者完成任务,但是拟定这些任务的正确方法取决于你使用的研究方法。好的定量任务应该是具体且焦点明确的,而好的定性任务则是开放,灵活,且富有探索性的。

阅读全文 »

[翻译]通过避免引导性提问来更好地了解参与者的想法

发表于 2018-03-10 | 更新于 2018-03-11

此文章翻译自发表在 Nielsen Norman Group 的文章 Avoid Leading Questions to Get Better Insights from Participants, 原作者是Amy Schade。

摘要:在用户研究中,选用诱导性的话语会影响参与者的反馈或行为

阅读全文 »

前方高能 2.0 中期开发报告

发表于 2018-03-01 | 更新于 2018-03-07

不知各位是否还记得 (喂这破博客好像根本就被有多少人看吧(╯‵□′)╯︵┻━┻) ,当年在我还没开始准备考研的时候,我开发了一个名叫“前方高能”的 Chrome 插件,当年在博客里写 1.0 的开发报告的时候,还在为没办法交 $5 的保护费而为难,后来才发现万能的某宝能办理这种业务,于是乎我的这个插件也终于是成功上架 Chrome 应用商店,到目前为止,插件上架也有一年多了,已经有也有了几十个用户,GitHub 的项目页面也有了几十个 Star,虽算不上多,但个人认为这还是对自己工作的一份肯定,可喜可贺。

此外,在我将插件的 1.0 版本上架到 Chrome 商店之后,似乎有一些“竞品”也推出了类似的功能。比如B站官方在给UP主预览自己稿件的页面里,也推出了一个类似的弹幕密度图表控件,又比如一个名叫 pakku.js 的 Chrome 插件,它的主要功能是过滤 B 站短时间内重复的大量弹幕,在去年十月份更新的一个版本中也提供了这样一个弹幕密度图表的功能(这些稍后再详细说)。而且在这期间,B站的页面和接口确实也发生了一些的变化,导致现有的版本出现了一些的问题,前端开发的技术栈在也出现了大规模的更新。基于以上这些原因,我决定启动一个全新的“前方高能 2.0”的开发计划。开发的过程中产生了很多想法,也遇到了一些问题。所以在这里我来把这些想法片断,连带着 1.0 版本的一些想法稍微整理一下,输出成这样的一篇文字,和大家分享。

阅读全文 »

对微信小程序的再度思考

发表于 2017-03-04 | 更新于 2018-03-01

其实之前微信小程序刚刚内测,开发者都只拿到一个毛坯版的开发工具的时候,我就已经写过一篇文章来探讨过微信小程序的使用场景了,以下是我当时的结论:

阅读全文 »

一个纯 CSS 实现的导航条小动画

发表于 2016-12-23 | 更新于 2018-03-06

最近由于见习和各种各样乱七八糟的事情,已经许久没有大段地写代码,也没有更新文章了。这次更新的这篇文章,是我在帮别人修改博客模板的时候,对面提出这样一个动画的需求,并且已经用 jQuery 实现了出来,但 jQuery 动画毕竟很坑,放出来的结果肯定想都不用想,必然是一卡一卡的。秉承我一贯能用大招杀的绝对不用 Q 杀能用 CSS 实现的效果绝不用 JavaScript 的理念,我尝试着用 CSS3 动画实现了这个效果,最终效果(和我觉得最优的解决方案)如下(鼠标放到字上面可以看到效果):

See the Pen A simple navbar animation by peterwang (@peterwang1996) on CodePen.

下面来说说我想到没试的,想到试了不成的和想到最终试成了的办法。

阅读全文 »

我看微信“小程序”

发表于 2016-09-23

昨天(2016-09-22)凌晨,当我正准备把手机放到床铺底下充电,然后好好睡觉的时候,突然看到了朋友圈里这么一张图:

阅读全文 »

Chrome 拓展踩坑记

发表于 2016-08-21 | 更新于 2017-03-04

先啰嗦几句

话说哥们儿最近新写了个 Chrome 拓展,有一个听起来很装逼的名字,叫“前方高能”。这个拓展主要是用来在 B 站视频的下方显示一个实时弹幕密度的小图表,现在更到了 0.2 的版本,要是感兴趣的话可以去 Github 看看,如果能顺便来 Star 一发的话,就是坠吼的。

下面的内容也就是跟这个拓展有关的。如题目所说,这是我在写这个拓展踩过的一些坑。因为我自己在开发这个拓展的过程中,遇到一些问题的时候几乎找不到中文资料参考,甚至有时候连英文资料都找不到。所以我觉得我确实有写一点东西的必要了。我这里使用的 Chrome 浏览器版本是 52.0.2743.116。

(顺便一提,Chrome 拓展上架要给谷歌爸爸交 5 刀的保护费,虽然钱确实不多,但是蛋疼在需要用信用卡交,还特么不能用国内的。然而本人一介穷屌哪来的信用卡,求老司机支招如何有办法不用信用卡搞这个。)

阅读全文 »
12

Peter Wang

22歳、学生です。

13 日志
2 标签
GitHub E-Mail Resume Weibo
© 2016 — 2020 Peter Wang
由 Hexo 强力驱动 v3.7.1
|
主题 — NexT.Mist v6.3.0