返回UIUX
TIGEROBOFINANCIAL SEARCH / WEB REDESIGN

虎博搜索 · Web 改版

搜索有序,信息有层次。

虎博搜索改版 · 金融资讯与信息检索

连接搜索、数据与阅读。

围绕搜索结果、行情数据与资讯阅读,梳理桌面端金融信息的展示秩序。以统一的导航与内容框架,让不同类型的信息在同一平台中清晰呈现。

金融搜索信息层级Web 设计

RESULT TYPE STYLE.

TIGEROBO
WEB REDESIGN

围绕同一对象,展开不同维度。
以概况、财务、指标与资料组织结果内容。表格、图表和文本采用各自适合的结构,在一致的导航框架内呈现。

SearchFinanceDataWeb Design
02
概况 / OVERVIEW
概况 / OVERVIEW
财务 / FINANCIALS
财务 / FINANCIALS
指标 / INDICATORS
指标 / INDICATORS
指标明细 / DETAILS
指标明细 / DETAILS
资料 / PROFILE
资料 / PROFILE
↗REDESIGN
FINANCIAL SEARCH
DESIGN SCHEME 02

SEARCH / DATA / READING

01

对象一致

名称、行情摘要与分类导航构成连续上下文。

02

视图适配

趋势强调变化,表格支持对照,文字承载资料说明。

MARKET DATA STYLE.

TIGEROBO
WEB REDESIGN

数值与趋势,并置阅读。
指数行情页面结合数值、趋势图和数据列表,为同一信息对象提供多种观察方式。通过字号、颜色与区域分隔区分行情摘要和详细数据。

SearchFinanceDataWeb Design
03
指数行情 / INDEX
指数行情 / INDEX
行情中心 / MARKET CENTER
行情中心 / MARKET CENTER
↗REDESIGN
FINANCIAL SEARCH
DESIGN SCHEME 03

SEARCH / DATA / READING

01

摘要优先

关键数值先于明细出现,趋势与列表补充数据背景。

02

秩序稳定

用统一的间距、分隔和对齐组织密集金融信息。

NEWS TYPE STYLE.

TIGEROBO
WEB REDESIGN

从发现资讯,到进入阅读。
资讯列表、文章详情与通用内容页延续相同的导航、主体内容和辅助信息分工,让浏览与长文阅读衔接。

SearchFinanceDataWeb Design
04
资讯列表 / NEWS FEED
资讯列表 / NEWS FEED
文章详情 / ARTICLE
文章详情 / ARTICLE
内容页面 / CONTENT
内容页面 / CONTENT
↗REDESIGN
FINANCIAL SEARCH
DESIGN SCHEME 04

SEARCH / DATA / READING

01

列表扫读

图片、标题、来源和摘要共同组织资讯卡片。

02

聚焦正文

正文与推荐区域分开,清楚呈现阅读主次。

THANKS FOR
YOUR ATTENTION✦

TIGEROBO / SEARCH · DATA · READING

← 返回 UX / UI 合集