粥一

从一桩小事说起,扯一扯情感化设计

这个夏天,湖北一直被泡在雨水里,中国联通的暴雨橙色预警短信接连不断地到达,但没想到帝都也开始下大暴雨……出门两分钟就齐腰湿了。也罢,大概是为了给最近的一系列热门事件降温吧,可这还是有点猛。

不聊热门事件,也不聊暴雨。

前阵子我关注了支付宝的微信公众号,自动回复是:“山无棱,天地合,都不许取关!”哟,霸道总裁的口气。翻看了一下历史文章,标题也都挺任性的:心好冷,谁来抱紧我、今天不耍宝哦、66666666666666、支付宝里可以打飞机了、来玩嘛,来玩嘛,一起来玩呀……不严肃还有点挑逗性质,然而阅读量每篇都接近10w+,评论区也是尤其热闹。每周两到三篇看似随意的文章,效果却不同凡响。就在上周,...

交互新人实习小结 <--2016-6-23-->

自从开始实习,就没怎么写博客了,起初是每周一更,过了段时间变成半月刊,再成月刊,现在都快变成季刊了……作为职场小鲜肉,我很欣喜能进入现在这个nice 的团队实习并认识一群很nice 的同事。经过了一段时间,自己也从最初的一脸懵逼,到现在找到了适合自己的节奏,闲来想码点字记录一下这段时间。

习惯了小团队和创业公司的干活模式,头一回进Red Hat 工作区域时觉得工位好大= =,上班时间比较随意,同事们也从不加班,每周还有一天可以work from home…效率比加班更重要,对实习生来说也能有较充足的时间学一学自己感兴趣的东西。

熟悉了工作流程后,我开始读公司设计规范的小...

从需求到设计:框架和细化—— 读《About Face3》


《交互设计精髓》是一本很全的交互设计指南书,第一遍读这本书时感觉十分枯燥,能一次性从头看到尾很需要勇气,但不得不说书中的每个章节都非常实用。刚刚回顾了一遍本书的第七章,分享一下自己的读书笔记。


设计框架  


毫无疑问,从需求到设计,首先要定义框架。对于互联网产品,通常需要定义交互框架和视觉设计框架,有时也会包括工业设计框架。

回忆一下自己刚开始做项目时的经历,过早地把注意力放在小细节的部分的确会影响对整体框架的把握,直接后果…当然是视觉稿做的差不多又回来改框架啦。

在定义框架的时候,手绘线框图也是很赞的,这样的草图弱化了视觉方面的细节,有利...

小结登录的几种交互方式


登录注册的界面看起来很简单,在交互上却有很多值得思考的地方。现在我们选以下三种较有代表性的登录方式来比较和小结一下。

1.传统登录方式

正常情况下,输入用户名、密码,点击登录就完成了,然而这个过程往往没有如此顺利。以下假设账号为手机号。

忘记密码:

点击“忘记密码” → (新页面)输入手机号 → 点击“获取验证码 ”→ 输入验证码 → 设置新密码 → 点击“去登陆”

这个过程跳转了一次页面。

新用户注册:

点击“注册” → 输入手机号 → ...

Dian团队官网V2.0

边学边改,即将上线,敬请期待0.0

Dian团队官网,还是有点丑的V1.2

Dian团队官网,丑丑的V1.1

“歌词的故事”——对首页的一点思考

这两天自己在设计一款ios应用,名叫“歌词的故事”。

十几年前,那时我和大多数95后们一样,还在上小学,印象中的音乐播放器是千千静听,  然后小伙伴们都开始用QQ音乐。现在大学也快要毕业了,周围的同学用着各种各样的音乐软件,自己也用过不少,之前一直是QQ音乐,然后用了几年的酷我音乐盒,现在成了网易云音乐的死忠粉……音乐app很多很多,有特点的却很少。

“歌词的故事” 有两个主要功能——看故事,写故事。就像一千个读者会有一千个哈姆雷特,一千个听众也会有一千个不同的故事。


歌词的故事


下面来讲讲设计首页时的小故事(尺寸750*1334)

首页-V.10...

从头来做产品需求分析

什么是用户需求

人的需求是指人体某种生理或心理上的不满足感,它可使人产生行动的动机。人的需求是多样和复杂的。而某一时刻,在人的众多需求中,会有一种需求是相对最强烈的,我们称其为强势需求。强势需求产生主导动机,而主导动机直接导致人的行动。人通过行动满足了强势需求后,又会有新的需求变成强势需求,如此循环往复。

在知乎上曾见一段话:一个人饿了,想吃碗米饭。这就是用户需求。 你给了他一碗米饭。这就是满足了用户需求。 你给了他一面包,并且告诉他,这玩艺儿更解饿,但是噎得慌,于是搭着卖了一瓶脉动。这就是创造用户需求。@白云飞

需求&伪需求

用户想要的...

临摹练习,2015.1.31-2015.2.4

在上课呢~

心情墙悄悄发个状态,嘿嘿

快来查看自己的#录取通知书#

2015.6

#白云黄鹤安卓客户端#新版发布

[译]iOS9 人机界面指南(1-2)-iOS应用解析

几乎所有的iOS应用都会或多或少使用 UIkit 框架定义的组件,了解这些基本组件的名称、作用和功能,有助于你在设计移动应用界面时做出明智的决策。


由UIkit提供的UI元素可分为以下四大类:

: 栏包含了上下文相关的信息来告知用户他们当前的位置,还有控件来帮助用户导航或引发操作。

内容视图:内容视图包含了应用特定的内容和一些操作行为,比如滚动、插入、删除和项目排序等。

控件:控件用于执行操作或显示信息。

临时视图:临时视图短暂出现,给用户提供重要信息或更多的选择和功能。

除了定义UI元素,UIKit还定义对象怎样实现功能,比如手势识别,绘图,辅助功能以及对打印的支...

当设计师被问到“这一款app做得怎么样”时,该如何回答

之前去面试某公司UI实习生,到了第二轮,面试官拿出一款app问做得怎么样,当时自己的思路是比较随意的,回来的路上心想这个实习机会怕是要和自己无缘了……为了学会怎样来回答“这款app做得怎么样”,自己去看了一些前辈们的文章,然后小小的总结了一下。

要分析一款手机应用,有几种不同的顺序

>  按app的工作顺序:


按app工作内容顺序

> 按照整个操作过程:


按整个操作过程


下面以美团客户端为例来分析一下视觉和交互。

首先看一下icon,简单的白色“美团”二字下面是青色渐变圆,背景为白色。


美团icon

(说到icon...

[译]iOS9 人机界面指南(1-1)-为iOS设计

为iOS设计

iOS体现了以下三大设计原则:

  • 顺从: UI帮助用户更好地理解内容并与之进行交互,但并不会喧宾夺主。

  • 清晰: 各种尺寸的文字都应该清晰易读,icon都精确易懂, 修饰适当就行,突出重点功能,并以此驱动设计。

  • 深度: 视觉的层次感和生动逼真的交互动效赋予了界面活力,便于用户更好地理解功能,同时也提升了用户在使用过程中的愉悦感。



不论你是在重新设计一款现有移动应用,还是开发一款全新的,请从以下几方面考虑设计:

首先,透过UI看清这款应用的核心功能,并明确它们之间的相互关联。

接下来,使用iOS主题特征来定义UI和用户体...

《Wabi-Sabi侘寂之美》读书笔记

侘寂之美

     什么是Wabi-Sabi  

Wabi-Sabi是一种事物不完美、非永存和未完成之美。那是一种审慎和谦逊之美。亦是一种不依循常规的随兴之美。Wabi-sabi源自日本文化,和茶道仪式联系颇为紧密,而茶道仪式也被认为是能深刻体会Wabi-sabi的方式。

日文中的Wabi(侘)与Sabi(寂)字原本各具不同的含义。sabi原指“孤寂”、“清瘦”或“凋零”。wabi原指“出世离群”、“刻苦简朴地于大自然独居”,较容易让人联想到灰心、沮丧与阴郁等情绪。直到十四世纪,这两个字才逐渐发展成较为正向的美学价值观。...

对知乎收藏夹的交互小改进

现在生活中遇到小问题,越来越多的年轻人选择求助知乎而不是百度了,知乎在我们日常生活中使用频率一直在增加,但无论pc网页还是移动端,用户体验上都不够完美。

自己每天都会用一小段时间刷刷知乎,遇见自己感兴趣的回答就会顺手收藏一下,这样一来收藏的回答数越来越多,文件夹也越来越多,但问题也随之而来:这里面有不少是当时来不及看就收藏下来,想着有空再看。可是当自己看完之后会发现这项回答并没有很大的收藏价值,对于一些强迫症患者,这个时候就迫不及待要把它删除了。于是问题来了…知乎的pc网页版和移动端都没有对已收藏回答直接删除的按键。嗯…强迫症还是要删除这个收藏,办法还是有的,再次点进去这个回答,会在最下方看...

聊聊“交换记忆”

  什么是交换记忆: 

引用一段《设计心理学》中的话:“多少人在同时回忆?可以是任意多的人,但关键是,每个人增加一点点线索,慢慢地限制了多个选择,就回忆起了一个人无法独自回想起的事。”交换记忆这一概念,最先是由伟格纳提出。

这样说或许还不够通俗,那就举个栗子吧。

一天下午,你和小伙伴们正在回忆一部电影男主角的名字:
“《泰坦尼克号》的男主角是谁”
“我记得他是英国或者美国的”
“应该是美国的,他还演过盗梦空间”
“对,好像叫普兰奥”
“普里奥…迪卡普里奥”
“莱昂纳多·迪卡普里奥,没错!就是他”
“对对对,是他!”

  ...

其实,Google是最会卖萌的搜索引擎

说起卖萌,必须得看Google。


goooooogle

  Google Doodles

每到特定的节日、纪念日或是活动日,我们发现Google首页的logo会变成各种有趣的涂鸦,有时加了动效,甚至还会有可交互的小游戏。负责这一件事情的Google Doodles团队也是很拼的!作为一个在全球各个国家和地区都有众多用户的Google来说,也不忘按地域来推送各种涂鸦,这样让用户每天都有点小期待,即使不需要去搜索,也会点开Google看一看首页的涂鸦。

什么都不说了,先贴图(遗憾不能显示动图,不然更能体现G先生的良苦用心)。

2016-1-22:波兰祖父节,它的前...

我的2015流水账

2015年,我从大二的老油条变成了一只大三狗,从那个敲代码的变成了那个做设计的。

对于已经过去的,就用流水账的形式来列举吧

在产品、交互、设计方面认真读了12本书,写了10篇读书笔记
其他的书中印象深一点的18本,有一半是文学作品

第一次看见自己设计的App上线
第一次和不认识的小伙伴们一起在教堂通宵开发应用
第一次参加大公司的面试
第一次悄悄过生日

开始在简书上记录想法
公众号开通一个月,自己写的文字第一次被转载到很多地方,意外的是还有今日头条
经常一个人去图书馆或咖啡厅待一整天,思考、发呆,也因此产生了很多灵感和脑洞。

多了几个要好的朋友,微信上的好友数翻了一倍。
在网易云音乐上听了1848...

日程管理应用 VS 纸质便签,还是选前者

生活中的电子屏幕数量日趋增多,方便了学习、工作和娱乐,极大程度提高了生产效率,于是理所应当地,也诞生了很多基于电子屏幕的日常提醒类应用产品。刚进大学那会儿,我每天早上都会用手机记下要完成的任务,并标上先后顺序,做完一条,解锁手机删一条,可这样毕竟太麻烦,于是开始去尝试各种日程管理类app,比如奇妙清单、Listant也是挺好用的,但最后自己还是放弃了,现在回到了最原始的方式:用便签纸写下任务列表,贴在桌前,每完成一条就用笔划掉它,并享受划掉任务的快感,发现这样做每天的效率倒是高了一点。

我们的生活在在短时间内不太可能会实现完全无纸化,但是对纸张的使用量在逐渐减小,无纸化是必然趋势,这个时候就...

为什么Mac要将窗口关闭按钮放在左侧

为什么苹果的窗口操作按钮都放在左边,而Windows的在右边?关于这个问题其实一直有不少讨论和猜测,比如在知乎Quora、还有各大论坛...

自己最先接触的是Windows系统,习惯了关闭窗口的按钮在右上角,这样第一次使用Mac时,就十分不习惯要将鼠标滑到最左边点 击关闭的方式。可能在心理上会觉得按钮在右边是离右手鼠标最近的地方,按钮放右边是再适合不过的选择了。当然,如果一开始就是使用的Mac OS,就不会存在这样的问题。而后来的iOS系统中Safari也是把关闭按钮放在了左边(也许是为了和Mac OS照应),这对于手小的用户来说,单手关闭窗口就是一件很艰难的事情了 。...

用户体验设计师养成计划——《破茧成蝶》读书小记

很久以前就想看的书,这周终于利用空余时间看完了。不得不说,它很适合交互新人。

在此之前也有看一些其他的交互设计相关书籍。《交互设计精髓》更像是一本官方指导手册,内容详细但并不适合初学者(往往会因看了许久依然似懂非懂而放弃继续看下去),但这并不意味着不去看,建议一开始浏览性地看完整本书,然后在实战遇到问题再回来细看,还是很有指导意义的,据说不久之前已经出第四版了。《简约至上》比较生动的介绍了交互式设计四策略,值得一看。《用户体验要素》也是经典之作,但介绍交互和实战的内容比较少。于是,当看到《破茧成蝶》这一本写实战的书时,甚为激动,事实上也没有让我失望。

扯远了……

还是聊正题。设计≠艺术,...

关于我

Designing|
Programming|
Writing|
© 粥一 | Powered by LOFTER