- 结合响应式设计, 出现了很多优秀的原则, 比如: Mobile First等等. 那么到底该如何进行响应式设计呢?
==================正文=====================
最近有项研究表明: 大约1/4的美国人只用手机上网!! 而在全世界, 每5个人就会有一个拥有智能手机, 而至少有一半人会使用它来浏览网络.
如果你的网站在这些设备上不能很好的浏览的话, 你真的损失了很大一部分的手机用户. 快来拥抱响应式设计吧. 万事开头难, 不过下面这些小贴士可能会有所帮助.
1. Go Mobile First
在你准备为笔记本,台机等大屏设计网站时, 考虑下手机用户的浏览体验. 很多设计师现在开始使用移动居先的...
- 今天给feedpusher加了random item的功能, 随机出的一文, 觉得还算不错, 所以就翻译一下. 原作者主要介绍了下对input,form元素的样式定义历史, 从以前的类型少但自定义空间大, 到现在类型多, 可自定义空间反而变小了. 不能完全确认作者的心态是积极还是消极, 不过略有点怅然所示的感觉, 毕竟可控的地方变少了, 确实让创造的感觉变弱了.
==============正文============
20多年来, 我们一直用着几乎同样的input和form元素: 文本输入框, 密码类型,下拉框, 单选框, 复选框, 文件管理框, 隐藏域以及不同类型的button: submit, reset, image以及默认...
TaoAlphareadings关于HCI译系列翻译文章Form样式表单 Fr, August 15, 20145 minutes to read - 译者闲话: 随着现在社会节奏越来越快, 人们的耐性越来越少, 对于等待的忍耐度越来越低, 而加载速度一直作为用户体验的重要影响因素之一, 更一直是app和网页的重量级考核指标! 本文就从一些细节角度介绍了如何在维持当前加载速度的同时, 让用户觉得加载速度有所提升.================================恩, 正文如下========================当用户在移动中的时候, 那么响应速度快的app体验自然越好. 虽然移动设备自身的联网速度是不受你控制的, 但你依然可以通过一些别的方面来让你的app看起来似乎加载的更快一些. 以下就是如何实现这一目的的一些小技巧, 即便是在低网速区域也能奏效哦~
I...
- 黄金比例是每个设计师都应该知道的. 本文会介绍一下如何去在设计中使用这一概念.
黄金比例呢, 是人类从自然中发现的一个比例值, 这个比例被设计师用于创造那些非常赏心悦目的, 非常自然的作品. 黄金比例有时候也被称为Golden Mean或者Golden Section, 或者是希腊字母:Phi.
本文中, 我们会介绍一下什么是黄金比例, 以及如何使用它, 同时也会介绍一些非常有价值的引申资料供大家查阅~
01. What is Golden Ratio?
基于Fibonacci Seuence(也许你还记得那年河畔的数学课...or, 那本著名的悬疑小说"The Da Vinci Code"), 黄金比例所描...
- 摘要: 即便现在越来越多的站点开始模仿滑动手势以及在PC上非常不适合的横向滑动设计, 用户依然非常不适应这种浏览方式的.多年一来, 我们一直都知道横向滚动本身对于桌面电脑而言都是难言的痛点. 即便是随着移动设备的普及, 用户逐渐接受了触摸手势是用来浏览内容的, 但是用户在桌面电脑上访问网站时, 依然不会习惯横向滚动的. 本文主要描述了当前触屏交互方式应用到桌面电脑上的一些问题所在, 以及提供了一些备选和建议, 关于如何帮助用户形成这种习惯. 很明显, 你在非触摸屏下是不能使用触摸手势操作的; 所以本文中会以”滑动”(加引号)来表示在桌面电脑上的这一操作.
横向滚动的诱惑
在桌面电脑上, 长篇内容型网站的通常交互形式都是纵向的滚动....
- 首先介绍下什么是carousel: 标准词典翻译为”旋转木马”, 用在网络中, 尤其是网页设计的语境之下, 就是指代的很多网站中使用的多图切换模块, 通常由多张图组成, 但是一次只会显示一张, 图片右下角或者正下方常常有切换指引的远点或者缩略图, 图片左右则有前后箭头, 如此切换的时候会像旋转木马一样一张一张的出现在用户眼前(当然不限于图片, 有的也会用文字作为每一个木马).
=========正文=========网站研究发现在300w的首页中, 只有1%的用户浏览会点击页面上的carousel部分呢. 为什么占据了首页如此大面积的, 而且是很具有视觉优势的元素获得的点击是如此之少呢? 原因可能比较出乎意料, 因为多数carous...
- 总结: 结合A/Btest来进行用户研究可以定位真正的问题同时做出更好的设计.
A/B Split Testing
A/B测试允许网站通过在同一个页面上对比不同的变量, 从而找到最佳的选择. 在A/B test中使用的衡量标准分为微观和宏观两类, 而且A/B测试如今已经非常通用且随着引入的各种工具, 极大的简化了A/B测试, 是的A/B测试如今甚至不再需要开发或者其他技术资源的介入了. 这种方法如今在市场上已经站稳的脚跟, 而且, 因为它的低成本, 它在用户体验设计行业也越来越普及. 想Google, Amazon以及很多其他的电子商务网站更是以” 一直在测试, 从未被超越 “而出名~
Garbage In, Garbage O...
- 这是一篇很古老的文章了–发表在2011年1月. 之所以还把它挖出来, 一方面是因为正好看到了, 更重要的方面是因为里面列举的10条即便是现在也应该极力避免的~
摘要: 最让用户讨厌的10个恶习. 网页设计和html中可诟病的东西不少, 虽然其中有一些可能已经比过去少见多了.
自从1996年第一次尝试一来, 我编写了不少列举网页设计中的top 10错误清单. 你可以在本文的结尾处看到这些文章的链接. 本文重点在列举其中的突出条目.
Bad Search(糟糕的搜索)
过度依赖文本的搜索方式是很影响用户体验的, 因为它们无法处理书写错误, 复数形式, 连字符号以及query中其他的一些特殊部...
- 还是UXmovement的一篇老文章, 主要介绍了旅游网站中经常会遇到的往返机票时间选择的问题~
=======译文==========
在线订机票目前越来越普及. 每次用户定机票的时候他们都必须使用那个未尝丑陋切过时的日历插件来选择他们的出发和返程日期. 在过去的几年里, 各家旅行网站的这些日历插件无论从样式上还是功能上都越来越一样了. 用户点击一个文本区域, 一个双月日历就会出现, 用户选择一个日期后, 这个日期就会出现在选择的输入框中. 而用户需要再次点击下一个文本框, 返程, 如此操作两次才可以完成. 这个方法并不是一个体验上的灾难…但是很明显也不是最好的方法来选择日期.
一个统一的日历
一个更加高效的方案是统一出发日期和...
- 这是来自UXmovement的一篇文章, 是我从Instapaper Daily中看到的一个优质的站点~ 里面有很多非常棒的文章, 希望后续能都尝试着翻译一把~ 作为一个非常非常业余的翻译..表示开启[译]系列的目的就是练习一下英语顺带学习一下UX哈哈 原文链接 嗯, UXM对移动设备做了优化, 体验也很爽的
========译文=========
营养成分表已经很多年没有变化了, 不过这次FDA计划重新设计一下它的样式, 让这个东东变的更加容易阅读和识别. 通过对比新旧的成分表, 你可以看到为什么新的设计能够让人更快速的浏览查看其中的信息了.
增大文本大小来提升视觉敏感
注意新设计中的标题, 卡路里, 分量等信息是你第一眼会...