您現在的位置是:電腦技術吧?>? 故障問題 ??>??比深度搜索好用的app,深度搜索app官方??>??正文詳情

比深度搜索好用的app,深度搜索app官方

花炳君2019-11-17 23:20:34 人圍觀
簡介和深度搜索一樣的app我們以前研究過數據圖的最佳表達式。隨著移動應用的不斷發展,我們將數據圖的性能擴展到了手機上。與在web上顯示數據的空間優勢相比,需要考慮手持設備的方

之前研究過一段數據圖表的最佳表達方式,隨著手機端應用層出不窮地發展,這次將數據圖表的表現延用到手機端。

相比 Web 端展示數據的空間優勢,要兼顧手持設備的便捷、簡明而重點的特質,手機端該如何取舍?是否有更加合適的表現方式?下面是翻閱或試用了各種有數據的 App 后,將手機端應用中值得借鑒的部分做了小小的總結,也讓我自己對不同數據圖表的特性有更深的理解。

  搜羅了 App 分類的過程中,發現較能體現數據應用表達的,多數分布在:財務、 健康、醫療、商務、工具、效率這幾類;其中以財務、健康、商務類的應用為最 廣泛,今天就枚舉這三大類的圖表應用來和大家一起看看。

  通常我們所使用的數據圖表大多是能在 Highchart 中找到,今天先以其中圖表為基礎參照,來看看圖表在手機 app 里都是如何恰當應用表達的。

  一、財務類  使用財務類(理財)用戶的目的,通常是掌握收支、收益的趨勢,從而省或賺錢。

這類應用通常會請用戶事先做好收支、賬單和預算設定,之后再開啟 app 時主 要的任務就是查看應用反饋了。

  Mint Bills Money

  上圖的是個記賬應用,左圖用了儀表盤(solidgauge)表示賬單到期的情況,右圖則是用類似條形圖的方式,表示信用卡的已用額和余額,及最小還款數。

這樣在既定范圍內,掃一下便可知道總體開銷的情況。

相比兩者都有進度、進程的表達, 但描述倒計時,左圖的表達就更合適一些;而描述最小還款刻度,右圖會更清晰。

  Mint

  和上一個的 app 有相近的應用。

這僅有一條的堆疊條形圖后來覺得更像是基礎熱力圖,并表示了當前所示的分值,方便查看當前信用值,所在坐標,視覺 上加了箭頭既有了進程感,也有指示作用。

  Saver 2

  還是一款記賬 app,左圖以各開銷分類代表的不同色塊,來切分的甜圈圖(Donut chart),是在原始占比餅圖上做了更有效的應用。

  挖空餅心,放開銷的匯總金額, 這個做法在 app、和現代 Web 圖表數據總覽里逐漸成為主流,讓占比和總額都 輕松收入眼底。

右圖是根據左圖的色塊細化具體分類項,查看單項的預算和開銷占比情況。

  MoneyWiz

  左圖是以日歷管理的方式,便利查看對應賬單分類,能明現哪些日子是有開銷或 賬單提醒的。

右圖則用常規的柱圖來對比月的收支。

  TapToTrack

  還是記賬 app,左圖是用 timeline 的形式,記錄每日收支數據細則,并用常識 色彩(紅綠)來表示收入支出。

右圖上半部分的折線圖,繼承了左圖中紅綠收 支用色標示,讓用戶查看逐月收支情況,下半部分是把細項收支做了排行(示意色不盡準確),占比表示出某個 highlight 出的子項支出和占比數據。

  EnergyMonitorUI

  在 Dribbble 上一張相關的能源監控圖設計稿:用極地風向圖(wind rose)來 表示 2013 年里的月度能耗,相比同樣示意的柱圖,極地風向圖更有一些新意。

雖然設計稿其他細節還有待再一步交代,卻也直觀表明能耗大月,為用戶后續采 取相應的節流措施提供了幫助。

  Yahoo Finance

  這次不是記賬類應用了。

不用多說這是 yahoo 的一款股票跟蹤 app。

左圖是股 民們最熟悉不過的,不同用色的折線圖表明當日走勢,還可以通過地域、時間的選擇切換來查看不同緯度的數據表現,下部的紅綠漲跌也清晰可見。

右圖用面積圖表示單支股票在不同時間趨勢變化,在設計看來有填色的是面積圖,反之就是折線曲線圖了,但有填色以后坐標上還可以設置細節時段的表現(右圖)。

股票相關的數據圖表都應用得非常專業和固定,也算是一項復雜業務為用戶建立起 的常識和習慣,只要看到固定的圖表組合就無需多說了。

  ARBITRAGE TRADER

  股票 app。

一格格的數據類似熱力圖的形式,通常在空間富足的 web 端,在數據明細表格里更為常見,是一種非常好用的呈現方式:以不同色塊表示用戶預設的一些區間,看似密麻的數字,利用這種色塊可以很快了解數據的范圍共性。

  回顧  常規的基礎圖表應用在手機端,都會考慮空間因素,也會在視覺上做更清晰的調整;下面來看看財務類 app 的圖表應用回顧:

  此外,   賬單結合日歷提醒也是個很好的方式   用色本來就很重要,在有限空間的 app 里,用好色彩,會大幅提升效率   app 里也少不了過濾器,比如切換地域、時間等維度的控件,可以有效調整視圖的顆粒度  把控基礎元素在有限空間針對性應用,凸顯重點,也是為用戶下一步的節流、投資等行為做指引。

  二、健康類  健康大類里一種是運動健身,另一種是健康指標監控。

健康類 app 的用戶主要關注自己的運動指標、完成度和變化等因素,通常也是在用戶根據引導設定好一 些監控標準后,通過運動在 app 中記入新的數據,方便隨時查看和跟蹤。

  FitPort

  這是一款體重、計步的 app。

左圖還是用甜圈圖(也可看做圈形的條圖)表示今天訓練的成果:步伐數、鍛煉公里數完成度,及體重變化,前兩個是細甜圈圖,清楚表達了完成進度和差距,后一個是為保持風格而做的一種視覺美化來表示體重變化。

右圖的底部在時間維度為每天的情況下,以柱圖和基準線來呈現一天里不同時段步伐數變化,方便用戶找到一些自身的規律。

健康的另一類是健康指標的監控,有一部分醫療也暫羅在此列,共性是這類 app 都通過一定的外接設備隨身、隨時檢測、測量身體數據,同步記錄在 app 里,然后用戶就能在 app 里查看指標變化,進而調整飲食、生活等習慣,改善現狀。

  iHealth MyVitals 2.0

  這是一款血壓監控 app。

左圖的折線圖描述最近,大約一天內某個時段的血壓范 圍、體重的變化趨勢,右圖是表示當前血壓數據的坐標,和參考范圍的變異熱力圖,和前面理財 app 里的信用值坐標很像,不同的是多一個維度,也是符合血 壓(伸縮壓和舒張壓坐標)實際基本數據要求,所以坐標熱力圖也可以靈活應用。

  iHealth Gluco-Smart

  這是一款血糖監控 app。

左圖是通過外接血糖監控設備在app里查看測量數據;加了視覺效果的甜圈圖有儀器刻度感,提示 7 日的飯前或夜間的血糖均值,下面的散點圖作為輔助詳細圖表來標注高中低分別發生的時段。

在右圖中查看血糖變化趨勢里,折線圖表示飯前夜間的血糖變化,不同用色線細節表達早餐、午餐、 晚餐和夜間的血糖變化。

兩張圖都有綠色區域安全范圍,也非常便于查看和 比照自己的數據變化。

  SnoreLab

  這是一款鼾聲監控 app。

左圖是對打鼾程度的監測表現,左側有從舒緩到嚴重的用色篩選,緊密柱狀圖中色塊遵循了篩選器的三個維度,可以直觀看到最厲害的打鼾情況分布在什么時段,下方還能回聽當時的鼾聲的輕重度。

右圖用有色熱力折線圖表示每個時段鼾聲發生的程度,并將其轉換成具體部位發聲的測評值,供用戶就醫時做有效治療的參考。

  SleepCycle

  和上一個 app 的右圖類似,是做睡眠監控的數據圖表。

Dribbble里的絢美設計稿,很多喜歡曲線加用色漸變,但也表達出錯的也很多,而這張設計稿中的漸變用色是恰好地與曲線做了結合,清晰地表達出配合時段觀察睡眠深淺程度;甜圈完成度表示不同類型占比,對整體睡眠情況做了直觀總結。

  回顧

  這類 app 里應用的經典圖表,除了監控指標、查看變化趨勢外,側重提示問題點,以便用戶調整作息、飲食及訓練方案。

三.商業類 商業類主要用于監控業務數據:流量、訪問、觸達等,其中糅合了一則效率工具, 也是對時間使用的監控和管理。

  三、商業類  商業類主要用于監控業務數據:流量、訪問、觸達等,其中糅合了一則效率工具,也是對時間使用的監控和管理。

  Mandrill

  這是款跟蹤郵件發送數據的 app。

上半部分是在可選的時間范圍內,匯總數據提示了郵件的打開率、點擊率、去重打開、點擊數、投訴、退訂數等關鍵指標。

下半部分用有透明度的面積圖表示打開率和點擊率。

  MailChimp

  這款也是郵件監測 app,大家都熟悉的 MailChimp。

用條形圖表示打開率、點 擊率;關鍵數據部分,陳列出郵件送達、打開、點擊數率,條形圖也可以是拗成圈的細甜圈圖,通常做百分比的示意,完成度也是相同的概念。

  TODAY Calendar

  這是一款時間任務管理 app。

依然利用了日歷、用色塊區分不同的任務(左圖),接著在右圖里的表盤上,就可見之前的任務安排、時間是否有沖突或重疊,一目了然;比線性地統計單項任務耗時要直觀很多。

  Statistics

  不記得 Dribbble還是 Pinterest 里發現的,一張訪問來源數據圖。

上部的地圖 有點類似地圖(Map bubble),直觀表達來源地域;底部將 PV、訪客數、回訪數以半透明的面積圖呈現出來,也可以根據這三個數據的先后邏輯,將其看做簡單的漏斗視圖。

  回顧  商業效率類更關注監控效果、指標數據等以便找到提升點。

  在整理例子的過程中,想到很早之前 app 之初,如何遷移 web 端或客戶端業務到手機時的思路:把業務最核心的主干部分拿過來。

而今回顧如是:隨著手機 應用的比例大幅升高后,除了考慮核心主干,還要努力把要用戶做的主要任務或 給用戶的有效指導,都明示出來。

就數據類的 app 而言,在有限空間內,匯總 數據或者叫關鍵指標,不可缺少,而數據表會相對少一點登場,元素結構就會大 致變成如下的樣子:

  有多個元素組合,就一定會考慮優先級,就像火箭的核心和可棄部分,如果只 能在 apple watch 上或更小的空間上展示內容,我們該留那一塊呢?

  綜上是在工作摸索中,對數據圖表在手機端應用的一點整理和提煉;每個基礎圖表都有自身的特點,掌握它的特質,并能利用好它做更多的創新,是可視化數據的價值所在。

數據并不枯燥,有趣的數據圖表是它最好的翻譯官。

以上觀點、案例及思考難免粗淺、片面,更多更好的應用有待大家持續挖掘。

版權聲明:本文由 花炳君 整理編輯。

原標題:比較有知識深度的app,可研報告深度

轉載注明出處:http://www.dn9ww09s.icu/fault/13317.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • ps怎么畫虛線路徑,ps怎么畫一條虛線

    ps怎么畫虛線路徑,ps怎么畫一條虛線 相關圖片ps里怎么畫虛線矩形最近,很多PS用戶都表示,他們需要在工作中使用PS來畫虛線,但他們不知道如何畫虛線。別說太多。接下來,超人軟件將為您介紹PS虛線教程。希望你喜歡!如何畫虛...

  • html canvas,html2canvas

    html canvas,html2canvas 相關圖片html2canvas沒有樣式canvas方法save()保存當前環境的狀態restore()返回以前保存的路徑狀態,屬性createevent()getcontext()返回一個對象,指示html解析 canvas...

  • 電腦的開機啟動項在哪設置,電腦怎么進入啟動項選擇

    電腦的開機啟動項在哪設置,電腦怎么進入啟動項選擇 相關圖片計算機啟動項怎么設置我相信很多朋友在開機的時候會看到開機項目太多的提示,電腦啟動速度慢。此時,只要取消一些計算機啟動項,就可以解決問題。計算機啟動項集在哪里?什么...

  • 飛豬怎么加速搶火車票,攜程快還是飛豬搶火車票

    飛豬怎么加速搶火車票,攜程快還是飛豬搶火車票 相關圖片為什么飛豬搶火車票合法面對即將到來的元旦假期,我相信你們已經準備好了通過飛豬購買火車票。飛豬怎么能搶火車票?現在,超人軟件編輯將為您介紹飛豬是如何為您搶火車票的,...

  • Flash動畫實例教程,flash動畫

    Flash動畫實例教程,flash動畫 相關圖片flash8動畫制作一。首先,準備要滾動的圖片,將幾個圖片導入flash庫,在庫中右鍵單擊它們,選擇屬性,并在使用導入的JPEG質量之前移除掛鉤,這樣文檔的體積就會小得多,單擊Inflash動...

  • 臺版上癮全集未刪減網盤,電腦版百度網盤加好友

    臺版上癮全集未刪減網盤,電腦版百度網盤加好友 相關圖片mac百度網盤怎么加好友百度云最大的亮點是好友可以共享資源。那么,百度云如何添加好友呢?百度云好友共享的文件在哪里?我不想說太多。接下來,超人軟件編輯將為您介紹百度云...

  • div內容上下居中,div內容居中

    div內容上下居中,div內容居中 相關圖片設置div內容居中盡管divs中的內容居中問題一直是一個比較老的話題,但最近發現許多前端開發人員都在問如何實現它。事實上,互聯網上有很多數據和案例。這里我將總結一些常見的處...

  • 電腦已禁用ime怎么恢復,已禁用ime怎么解決

    電腦已禁用ime怎么恢復,已禁用ime怎么解決 相關圖片怎么解除禁用輸入法最近,許多小伙伴報告說,他們在電腦屏幕右下角有一個禁用輸入法的提示。那么,殘疾輸入法是什么意思呢?如何解決禁用輸入法?接下來,超人軟件會一一為你...

  • 列表增加元素,增加記憶的元素

    列表增加元素,增加記憶的元素 相關圖片怎樣補充鐵元素向窗口添加HTML元素除了可以使用XUL的所有元素外,還可以直接向XUL文件的內部添加HTML元素。現在您可以在XUL文件中使用任何HTML元素,這意味著您可以補充鐵元素...

  • 手機默認瀏覽器怎么設置,電腦怎么改默認瀏覽器

    手機默認瀏覽器怎么設置,電腦怎么改默認瀏覽器 相關圖片番茄社區官方下載因為ie是windows系統的瀏覽器,所以它被正式設置為默認瀏覽器。但是,由于每個人的首選項都不同,因此要設置的默認瀏覽器也不同。如何設置默認瀏覽器?如果默認...

熱評文章

  • 電腦輸入法消失了怎么辦,電腦自帶輸入法不見了怎么辦

    電腦輸入法消失了怎么辦,電腦自帶輸入法不見了怎么辦 相關圖片切換輸入法的圖標不見一般來說,電腦輸入法會停留在屏幕右下角,但由于某些原因,電腦輸入法會突然消失。如果計算機輸入法的圖標丟失了怎么辦?如何設置計算機輸入法?接下來...

  • 站點如何刪除,刪除站點

    站點如何刪除,刪除站點 相關圖片可信站點刪除不了如何刪除Dreamweaver CS5中的站點,如何刪除Dreamweaver CS5中的站點?我之前就談到過如何建設一個網站,有時候很難避免犯錯。今天,編輯繼怎么刪除受限制的站點...

  • 安卓版手機格式工廠,.dat數據文件怎么打開

    安卓版手機格式工廠,.dat數據文件怎么打開 相關圖片200000000dat文件能刪除嗎許多人不知道計算機上的dat文件是什么或它的用途。Dat文件是一種數據文件,主要有兩種格式:一種是純文本文件,可以通過文本編輯工具打開;另一種是多媒體...

  • 電腦系統字體大小設置,電腦字體大小在哪里調

    電腦系統字體大小設置,電腦字體大小在哪里調 相關圖片電腦繡字最近,許多用戶報告他們的計算機遇到了字體。它們是:(1)關于計算機中的字體,如何選擇計算機中的字體?電腦里的字體呢?讓我們跟著超人軟件來找出解決辦法。希望你...

  • divcss布局模板,divcss布局經典實例

    divcss布局模板,divcss布局經典實例 相關圖片css5DIV CSS標簽的完整列表如下。CSS標簽手冊有一個詳細的介紹和教程。請登錄相關頁面瀏覽。div的具體標簽如下:div CSS是網站標準(或web標準)中常用css...

  • 迅雷離線巴拉我是什么意思,手機迅雷如何開啟離線下載

    迅雷離線巴拉我是什么意思,手機迅雷如何開啟離線下載 相關圖片迅雷10找不到離線下載相信使用過迅雷的小朋友們都聽說過離線下載功能。那么迅雷離線下載是什么意思呢?如何使用迅雷離線下載?現在,超人軟件編輯想向您介紹迅雷離線下載的相關...

  • 多列布局,多列等高布局

    多列布局,多列等高布局 相關圖片css3flex多列布局摘要:多欄布局是網站應用中常見的一種布局方式。今天,我們將分享4個多欄布局。display:table代碼如下:style。表格{寬度:自動;最小寬度:1000css3多列布局w3c...

  • mac地址怎么查,如何查電腦mac地址

    mac地址怎么查,如何查電腦mac地址 相關圖片怎么查ip和mac地址當我們的計算機無法正常訪問互聯網時,通過搜索網絡,我們需要檢查和修改MAC地址。我相信有很多人不知道MAC地址是什么,MAC地址是我們經常提到的物理地址。全名是...

  • yy網頁版個人中心登錄,手機yy怎么創建房間

    yy網頁版個人中心登錄,手機yy怎么創建房間 相關圖片手機yy怎么創建自頻道YY是一個實時軟件。如果你想活下去,你需要先創建一個頻道。那么你是如何創建一個頻道的呢?YY如何直播?現在,超人軟件編輯將為您一一解答。請不要錯過y...

  • 相對定位是相對什么定位,相對定位和絕對定位的特點

    相對定位是相對什么定位,相對定位和絕對定位的特點 相關圖片相對定位和絕對定位的視頻一般來說,我們元素的position屬性的值默認是靜態的,即沒有位置,元素出現在正常的文檔流中。此時,為該元素設置的“左”、“右”、“底”和“頂”偏移...

關注微信

变脸官网查询