详解 APP 端哔哩哔哩所有的导航类型，及高保真原型实现

由于哔哩哔哩的用户性格从整体上说更偏向于活泼，所以B站在具体的细节上的设计也考虑到了用户的调性，并不是一沉不变的。单从导航这一种设计上看，就出现了多达8种设计方式。几乎覆盖了所有现网上出现过的导航类型，让用户可以更好的玩儿自己的APP。我们可以在了解导航种类的同时，更深一层次的思考，哪种导航类型更适合哪种使用场景。首先列举一下哔哩哔哩使用过的导航种类，如下图所示：接下来，我

产品经理 2017年11月01日

通过导航加强用户体验的 3 个原则

你是否正准备评估一个数码产品并且不知道从何入手？或许你需要一些关于如何通过导航加强用户体验的指导？这篇文章将着眼于我作为一个用户体验顾问在日常工作实践中的三个导航原则。这些包括：1.信息架构（IA），符合用户的心理模型（即他们期待特性和内容如何被构建）2.构建导航的方法易于识别并且具有一致性3.导航提供的选项数是合理的请随时把以下框架融入自己的用户体验流程！对于数码产品来说

交互体验 2017年03月01日

基于“开车用手机”的场景，我对导航功能优化的几点看法

作者针对“开车用手机”这一场景，分享了对产品功能优化的一些看法，希望可以给大家带来启发。在车上放个手机支架，开车时看导航、接电话、回复微信，这个场景大家肯定都不陌生，即使我们不是司机，现在很多快车师傅也是这样的装备，大家都已经习以为常。为了驾驶体验，除了手机支架这种硬件设备，软件上还有哪些可以做的哪？接听电话司机师傅在车上接听电话时，手机所处情况大体可以分为如下几种：手机已

产品经理 2017年04月09日

OTT 视频应用的首页导航及交互模式分析

本文对多款OTT视频应用的首页导航展开分析，希望能够给你带来一些思考与启发。互联网电视已然成为现在智能家庭的标配，以互联网电视业务为核心的OTT（Over The Top）业务已越来越多地深入到日常应用中，围绕着“电视”这一块覆盖家庭的大屏，各大内容服务商也是卯足了劲儿，想要在用户的“客厅”分一杯羹，主流的视频应用基本都已进驻大屏，BAT资本的入局，也让电视端视频应用的竞争

产品经理 2017年09月11日

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

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

产品 2016年11月06日

想剑走偏锋？试试这 6 种实验性的网页导航模式

虽然绝大多数的设计都遵循设计规则和用户的使用习惯，但是标新立异的设计仍然非常有市场。独特的设计更容易让人难忘，这一点是毋庸置疑的。在网页的导航栏设计上，也是如此。随着越来越多的网页开始采用加粗的非衬线字体置于网页顶部作为导航，许多有想法的设计师开始有意识的打破这一规律，别出机杼，采用不一样的导航模式。当然，如果你的网站用户量大，并且需要尽量降低用户的使用门槛，遵循常规的设计

产品经理 2017年04月01日

用户体验的要素（六）

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

交互体验 2016年11月15日

网站导航设计指南

以下内容由Mockplus团队翻译整理，仅供学习交流，Mockplus是更快更简单的原型设计工具 “如果人们在浏览网站时遇到困难，他们就会犹豫是否要回到该网站。”你以前可能经历过类似的情况，如果你下载了一个app，却要花时间去寻找你想要的东西，那么你不可能长期呆在这里，甚至不会回来。那要如何设计出“清晰，简单，一致”的导航呢？想象一下，你周日早上出去买自己喜欢的巧克力。走进

产品 2017年12月29日

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

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

产品 2017年01月11日

响应式网页图片库设计的九个注意事项

响应式设计无疑是当前网页设计领域当中，不可忽略的必要组成部分。而响应式网页中的图片显示又是老生常谈的问题，许多争论集中在响应式网站的图片应当怎么展示。继续延伸开来，那么响应式网站中的图片库应当如何设计呢？相比于单个图片，图库的展示无疑更加复杂，牵涉到的变量更多，所以实现起来也更加麻烦费神。接下来，我们来看看如果要设计响应式的图片库，有哪些值得注意的基本规则和技巧。1、轮播幻

用户研究 2016年04月10日