B 端产品交互设计杂谈

B端产品的用户体验越来越受到重视，产品的易用性也将会成为B端产品的一个卖点。我根据自己的经验总结了下面几点交互注意事项，比较细节的东西，所以会显得有点散乱，这些不是标准，只是常态。页面尺寸做图工具：Axure，页面尺寸选用笔记本最常用的尺寸1366*768，字号13# ，为网页最常用的字号。对于B端的产品，用户更希望能在一屏内做完所有要做的东西，所以对页面的布局要有很好的把

产品 2017年01月17日

制作 UI 设计规范时遇到的最大瓶颈

一、前言 上一篇文章是给大家提供一个制作UI设计规范的大体思路，这一篇准备来聊聊我们在具体执行过程中遇到的最大问题、瓶颈是什么！此篇文章适读人群：想进阶的初级UI设计师、有追求的初级交互设计师。二、发现问题 前期做规范的过程是十分痛苦的，每做一个板块都要花很多时间去思考怎么表达、展示才能让其他设计师和程序员都一目了，然而随着内容的增加，发现很多地方无法深入的执行下去，只能含

产品 2017年01月11日

制作 UI 设计规范时，你遇到的最大瓶颈是什么？

上一篇文章是给大家提供一个制作UI设计规范的大体思路，这一篇准备来聊聊我们在具体执行过程中遇到的最大问题、瓶颈是什么！此篇文章适读人群：想进阶的初级UI设计师、有追求的初级交互设计师。发现问题前期做规范的过程是十分痛苦的，每做一个板块都要花很多时间去思考怎么表达、展示才能让其他设计师和程序员都一目了，然而随着内容的增加，发现很多地方无法深入的执行下去，只能含糊其辞，给我们制

产品 2016年12月24日

移动导航设计，看这一篇就够了

产品的导航系统，是产品的信息结构在用户界面上的展现方式。平常我们去商场或者景点逛的时候，通常会看到整个景区或者整个商场的导游图，能让我们知道身处何地并且快速的找到目的地。投射到一个虚拟的产品上面，同样是一个“商场”或“景点”，为了让用户能够顺利的在产品中畅行，则必须为用户提供一个有效的导航系统，让用户时刻清楚自己在应用中所处的位置，及如何前往目的页面。产品的导航系统，是产品

产品 2016年12月14日

网页｜厌倦了汉堡图标，这 4 个替代方案也许不错

越来越多的用户抱怨网页设计已经变得无聊无趣了。高端的技术和流行的趋势已经为网页设计构建起了一套约定俗成的规则，而开发者和设计师在社区中依然不停地探索新的可能性，寻求下一个病毒式流行的新热点。虽然新设计和新界面层出不同，但是许多看起来和之前流行的设计大同小异。说道UI界面，这几年最深入人心的应该就是汉堡图标了。前年，对于汉堡图标是否会成为大势所趋的撕逼一直没停过，而在去年，针

产品 2016年12月02日

导航有哪些设计方法，不同的导航对应什么样的产品应用场景？

以前写的一篇关于导航设计的文章，希望可以让你起到借鉴一、标签式导航标签式导航又叫Tab式导航，是目前移动端市场上最为广泛的导航设计。标签导航通常分为底部，顶部，顶、底混合使用这三种模式1、底部导航，采用文字加图标的方式展现。一般有3-5个标签，适合在相关的几类信息中间频繁的切换使用。这类信息优先级较高、用户使用频繁，彼此之间相互独立，通过标签式导航的引导，用户可以迅速的实现

产品 2016年11月16日

用户体验的要素（六）

用户体验的要素（一）用户体验的要素（二）用户体验的要素（三）用户体验的要素（四）用户体验的要素（五）用户体验的要素（六）六、框架层：界面设计、导航设计和信息设计在框架层，我们需要更进一步提炼结构层的结构，确定很详细的界面外观、导航和信息设计。1.框架层定义结构层界定了我们的产品将用什么方式来运作，框架层则用于确定用什么样的功能和形式来实现。对功能型产品，我们通过界面设计来确

交互体验 2016年11月15日

全面梳理：新闻类网站设计的五个维度

作者曾在香港雅虎就职，本文梳理了新闻类网站用户体验的五个维度，从各方面阐述如何设计新闻类网站。新闻类网站设计主要为以下五方面:战略层设计。体现在两方面：一是用户核心需求分析，二是网站商业目标等。范围层设计。体现在内容需求和实现内容的功能方式上。具体讲是指从新闻事件的核心信息，周边信息以及辐射信息三个层次深度挖掘内容，从中组织相关文字，图片以及音频视频资料。并确定内容信息呈现

产品 2016年11月06日

APP 导航设计，看这篇就够了...

21世纪初最伟大的发明应该是智能手机，只要你身处人群当中，就能随时看到有人摆弄着这个几寸的小玩意，点亮屏幕，仿佛打开了新世界的大门，里面琳琅满目，让人目不暇接，一个个图标满足着人们各种需求。作为互联网产品的设计师，你需要在几寸的屏幕中装下海量的信息，这是一份具有挑战且有趣的工作。而把抽象的idea，转化为实实在在产品的第一步就是设计导航系统。为什么需要导航？ ①结构化产品内

产品 2016年11月03日

90% 的设计师都不知道的信息架构知识

信息架构包括组织系统、标签、导航、搜索系统这四个方面。《用户体验要素》将用户体验的流程分为五个层次：战略层、范围层、结构层、框架层、表现层。战略层确定了产品目标和用户需求；范围层对用户需求和产品功能进行筛选、分析、分类、定优先级；接下来就是结构层的信息架构的设计了，也就是今天要说的内容；确定了信息架构和用户的使用流程，框架层会解决导航设计、界面设计和信息设计；最后交给表现层

产品 2016年11月02日