设计

Web 网站通知系统设计

写在前面: 通知系统是网站信息传播机制的重要的一部分,足够写一大章来说明。本文只梳理设计原则,后续相关内容会持续更新。 这里的通知包括但不限于公告、提醒或消息(不同使用场景下的功能定义不同)。 关于各客户端平台(ios、android、wp等)的通知机制,在其交互设计指南中有更详细的说明,大家可自行参考。一、通知系统定义通知系统,顾名思义即通知信息的传达处理系统。目的是为了

走心干货:如何设计选择菜单?

不走心的选择菜单会被用户嫌弃喔╮(╯▽╰)╭在界面设计中正确地利用选框、下拉列表或菜单,可以带来不少很棒的效果example 它们能节省屏幕空间,同时也能减少用户输入错误信息的可能 (比如只显示有效选项);它们可以有很多让设计更出彩的可能性,比如组合部分选项、输入引导、和在各平台间完美适配;它们可以被运用于多种情形下,比如让用户从选项里直接点选来进行表格中的填空。(图1:典

GIF 功能的交互设计:经历了三个阶段、五个版本

在设计过程中,不断否定自己、推翻原有方案的过程也充分证明了一个事实———永远都有更好的方案等着你去发现!这样,才能真正让自己的产品在迭代过程中沿着“有用”、“可用”、“易用”到“好用”的过程不断变得更好!功能介绍:GIF功能通过将播放器播放的内容片段生成连续的Gif动画来满足用户对视频片段的分享需求。这一功能的交互设计前后经历了三个阶段、五个版本的设计,最终得到了一个目前阶

mongodb 的 schema 设计方法

mongodb 的schema设计方法前言mongodb是NoSQL的代表,从使用关系型数据库(MySQL)到使用非关系型数据库(mongodb),其中的一些以前的设计的思维惯性总是在不知不觉的影响着自己的决策。设计的思想有共同之处,也有很大的不同。mongodb的优势在于他表示数据的方式非常丰富。下面就来总结一些设计的原则和方法。原则schema的设计最重要的不是当前设计

漫山遍野的多边形元素,正在入侵每一份设计稿

如果你仔细观察如今时下流行的设计作品,会发现围绕着多边形元素,有一系列多种多样的玩法,比起2年前的Low Poly 插画和背景的玩法,来的更加丰富。这些被亲切地称为为 Poly Shapes 的网站、海报和平面设计项目,层出不穷地在各种设计的作品集中出现,让人爱不释手。我们常说的多边形,是在二维平面内多条直线线段首尾衔接构成的中空闭合图形。在实际设计中,它的形状多样,有的中

作为交互设计师,该如何设计社区产品

交互设计师懂得规则能做好设计,而作为社区产品的交互设计师,必须要足够了解产品,懂得产品的基础要素、生态环境才能够深入设计,提升用户体验。一、社区产品规则社区不等于社交,有了社区才会有社交行为,所以社区产品要素不仅包含人和内容,还有规则;规则为引导用户使用的方法,也只有树立了规则,用户才会使用社区,在使用过程中,突破已有规则形成行为习惯,所以规则才是维护整个社区生态的重要元素

设计思维如何自我“拯救”?

当设计思维遭到质疑,作为设计师你怎么看?设计思维是以传统分析思维方式为蓝本,融合视觉化和社会化思考的创新思维方式。它帮助设计师以用户为中心,以合作创新的方式解决问题。经过多年的普及,设计思维逐渐被认可,但设计思维的应用和迭代仍然路途坎坷。Bert Brautigam曾在全球组织和全球设计咨询公司工作,现就任日本亚马逊设计总监。他将设计思维和设计作为一种战略原则,以促进组织变

你所说的用户体验设计你真的理解么?

相信每个互联网从业者在工作的过程中提到的最多的就是“用户体验”吧,这四个字也成为了我们在工作的中的至理名言,但是可能很多人你去问他什么是用户体验或许他也没有什么准确的答案,可能就会说站在用户的角度考虑问题,他说服就好了。但是这么说完了可能你还是不知道怎么去做,因为“用户体验”这四个字本身就是很“虚”的东西。那么今天我给大家分享一下我在读完《用户体验要素》一书以后对“用户体验

酷站两连发!收录超多顶尖色板 + 免费可商用图库

编者按:今天两个网站,一个收录了超多的顶尖色板,包括谷歌的MD 配色、微软的Metro 配色等等,分类清晰,使用方便。另外一个是国外的免费图库,可商业哟。你可能记得 Facebook、Twitter 和 Google+ 各自的深蓝色、淡蓝色和橘红色,但很难精确转换成色码值,我找到一份「Social Colors」记录各种常见的社群网站代表色,而这网站还有收录其他好用的色码表

菜鸟变高手!为何我如此推崇低保真原型测试(附方法)

雨涵:对设计菜鸟来说,低保真原型测试可以帮你快速提升设计能力、填补一切设计理念的漏洞、获知难以察觉的细节问题、说服别人接受你的设计等等,作用极大,而且用文中的方法,2天就可以搞定。适读人群:交互设计师、用户体验设计师、UI 设计师阅读时长:约6分钟什么是低保真原型测试低保真:线框图低保真原型:可交互的线框图低保真原型测试:用可交互的线框图做的用户测试说详细一点点,就是交互设