首页

推荐给设计师的22个美观实用的网站

蓝蓝设计的小编

推荐给设计师的22个美观实用的网站

我们灰常乐意每周在网页设计佳作列表中展现设计精美的网站,不断为你提供灵感。而今天我们打算另辟蹊径,为网页设计师收集了既能提供设计灵感又实用的优秀案例,与过往选择单一”主题”的例子有所不同。我们将为你呈现不同的工具和技术分享网站,可让你在得到灵感的同时还能发现不错的工具或服务。在这篇文章中你将看到22个美观又实用的网站,全部都不容错过哦亲!

20个超赞的扁平式网页设计

蓝蓝设计的小编

当下社会,“Flat Design”设计方式似乎已经成为网页和交互设计的潮流。Flat design指的是网页设计者在设计网页的时候,常常使用图片投影,细微的纹理,纯色渐变,简洁的设计布局和对比强烈的排版,这些设计类似于Win8和Metro UI的界面。本文收集了20个极好的Flat Design网页设计案列,请您欣赏。

LayerVault

View the full website design

向莎士比亚学习!你值得掌握的网页设计焦点法

蓝蓝设计的小编

在莎士比亚那个时代,观众是非常不给面子的,品味也不是很高,简而言之,那时的观众是一群没有耐心、根本不懂文学的群众。

他们辛勤的工作一天后,他们来剧院想要找点乐子和刺激,没错,他们想要的就是娱乐。
莎士比亚之前的剧作家往往不受待见,有时候观众甚至会喝倒彩、砸场子,因为他们觉得戏剧太烂了,根本无法让他们感受到一丝一毫的乐趣,而且也抓不住他们的心。

莎士比亚就在这种大环境下崛起,虽然有着极高的艺术涵养,却能得到贫民窟的赞歌,他的策略就是:用情节、用戏剧抓住观众的注意力 。
他的作品短小精悍,戏服华丽,音乐优美,对白幽默诙谐、构思精巧。

时至今日,科技创新日新月异,文明高速发展,然而,现在的观众,依然还是没有耐心,正如莎士比亚时代的观众一样。

Focal Points Useful Tips

打造焦点的几条小建议

8个惊艳的 HTML5 和 JavaScript  

蓝蓝设计的小编

这篇文章向大家展示8个惊艳的 HTML5 和 JavaScript 。作为下一代网页语言,HTML5 拥有很多让人期待已久的新特性,越来越多的开发人员开始使用 HTML5 来制作各种交互性强、效果丰富的 Web 应用。下面这些惊艳的示例带您体验 Web 技术的魅力,相信你看完这些例子后会对未来的 Web 发展充满无限期待。为了有更好的效果,建议在 Chrome 浏览器中浏览。


18种焦点图网站示例

蓝蓝设计的小编

图像占据了网页设计的中心舞台。们已经看到了一些真正美丽的网站使用了圆滑图像作为焦点,引人注目。在网页设计中,从简约设计的概念到全屏的背景图片,有几种不同的图像使用方法。所以今天我们将告诉你一些启发性的例子。聚集在这里的网站将证明美丽和高品质的图像可以传递信息,彰显个性并迎合用户的喜好。

 

Taasky

Examples of Beautiful Image Usage in Web Design

如何输出有效的设计方案

蓝蓝设计的小编

内文版头图

在方案设计时,会出现一种情况:似乎已经输出了所有可能的方案,但讨论定稿时还是觉得不够满意,认为应该有更优方案的输出?什么原因导致了这种情况?如何输出有效的设计方案?

● 什么是有效的设计方案?

“有效方案”,个人理解是“能够实现预期目标的方案”,而不是“全部可能方案”的罗列。设计方案因方向不同、实现能力等不同,会得到不同阶段的版本;但在这些前提一致时,方案应该是逻辑性唯一的,不应存在模棱两可的输出。

● 如何输出有效的设计方案?

核心:有逻辑、有理由的输出

Step1 确定产品目标
每一个产品都有其目标,这个环节极其重要,确定清楚后,在接下来的设计决策时,会起到方向判断的作用。产品目标一定要和产品侧讨论确定,不要理所当然的给出判断。以易迅购物车为例,其核心目标是让用户“快速下单”,其次才是“买更多”。

Step2 确定用户群划分
清晰产品目标后,我们需要对用户在产品上的行为有个了解,才能知道他们需要什么。需要关注以下几点:
① 用户有哪些类型(比例、主要/辅助角色)
② 不同类型用户会用你的产品来干什么
同样以购物车为例,易迅以结算型用户为主(主要角色——把购物车当做确定要买东西的篮子),其次是收藏型(辅助角色——把购物车作为可能买商品的聚合地,需要增删商品) 。

设计管理流程的工具化

蓝蓝设计的小编


730

电商用户体验设计部(简称ecd)早期的设计管理是通过各leader跟产品经理收集和手工排需求的形式,但随着产品需求的激增,团队的扩大,每周的设计需求已从每周几十单激增到几百单,部门顺应组建设计管理组,聚焦在流程和项目如何更,今天跟大家分享其中的工具化心得。

早期的设计部门的流程是这样的:

产品经理写一个设计需求的文档,汇总多个需求到一个填写规范的表格在每周统一时间写给设计排期人(一般是leader,也有的是专门的项目PM)排期人拿到表格后在另外一份排期表格上填写各类需求,处理人,完成时间等期间还需要通过电话和RTX沟通需要调整的需求,再把表格复制到邮件上发送邮件,整个流程下来需要多个表格样式来记录这些信息。也不方便后续统计需求和相关信息。后来公司大规模使用TAPD来提交需求,做信息需求管理,


设计更优的移动支付流程

蓝蓝设计的小编


1

译者注:在电子商务中,我们发现用户在支付环节的流失率非常高,支付流程的用户体验是至关重要的环节。本文介绍了一些移动端支付流程的方法,怎样让我们的支付流程更加易用。业余时间翻译了这篇文章跟大家共享,若大家发现任何错误,欢迎随时给予纠正。

原文地址:designing-a-better-mobile-checkout-process

数据显示越来越多的用户具有使用智能手机进行付款的倾向。“ 这些用户愿意在移动设备上完成购买吗? ”这个问题得到了迅速回答。2012年,美国移动电子商务销售额飙升81%,形成了250亿美元的市场。

值得注意的是,这些成交贡献只有一部分来自于app。根据调查显示,61%-81%的用户更倾向于在移动端的网页上来完成购物的各种操作:研究商品和价格,查看商品详情,参加促销活动,下单和支付等。比起功能相互独立的app,他们更倾向于在浏览器中来进行购物(来获得浏览与支付环节之间的无缝体验)。

让我们深入看一些移动端结账流程的例子。

1、 只保留重要信息

我们也许都回答过很多令人讨厌的问题,比如“你是怎么知道我们的?”这样的问题可能是对商家有用,对消费者来说没有任何作用。然后这些消费者需要付出辛苦赚来的钱,他们也更有权力决定是否关闭这个页面。

虽然这些问题在网页上不那么重要,但是在移动端却是致命的。让我们来看两个例子

【译文】用户界面设计,打好基础

蓝蓝设计的小编

总结(蓝注:这篇很棒!总结应好好看看)

为了尽可能提供最佳的用户体验,重要的是用户界面设计师要紧跟着基本的设计原则,重要的原则:
首先,给视觉分区,不同的区域从本质上代表不同的功能,界面要保持简洁、一致的结构。这给用户带来了清晰的易于理解的导航,可以随时找到需要的内容。
 




第二,尊重您设计的设备特点。每个设备都有其优势和劣势。分析和利用他们 用户的优势。


第三,去除凌乱,而不是功能。毕竟,用户为什么使用你的应用第一位是功能(表面上),使用标签、下拉菜单、智能关联方法,仅提供用户特殊情况下最可能需要的工具或者信息。


第四,与用户存在同理心,不要轻易的进行设计决策。注意,即使一个最小的设计决策也可能对用户的潜意识层面影响非常深,把自己放在他们的位置去创建一个界面,不仅视觉顺畅,从长远来看也是非常的方便易用。


搜索初体验(一)

蓝蓝设计的小编

我的总结思路:①做什么?(搜索认知)②谁来使用?(用户分析)③怎么做?(产品分析、体验功能)

一、搜索认知

1、  定位

在电子商务中的搜索通常称为站内搜索

与谷歌百度等搜索引擎的区别在于:搜索结果更为,更为时效

2、  站内搜索两个主要部分:

搜索入口和搜索结果页面

3、  站内搜索主要解决的问题

节约用户查找商品时间,提高购买转化率。

 二、用户分析

1、 目标用户

有目标的查找某一类商品

A、 目标模糊

① 只明确场景,确定了要干嘛去解决什么问题,只明确了要买什么大品类的东西;

② 什么都没明确,闲来没事逛逛,看看有没有什么东西是自己想买的。

B、 目标

明确目标,确定了要买什么品类(甚至具体到了二三级品类),什么价位的,甚至什么风格的东西;

2、 用户任务

任务:寻找目标产品

完成任务的途径:

A、 B2C用户 ①站内搜索目标商品②导航

B、 C2C用户①站内搜索目标商品②站内搜索店铺,通过店铺查找目标商品③导航

3、 用户客观条件

1、网络环境

A、 宽带网络&无线网络(网络速度快慢对用户略有影响)

B、 移动流量(移动用户注重流量,操作路径不能太长,跳转刷新次数不能太多)

2、硬件要求

A、PC端:鼠标、键盘、触摸板(难操作,减少浮动不定控件)手绘板

B、移动端:触屏键盘、触屏手写


日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档