<button id="awefu"><object id="awefu"><input id="awefu"></input></object></button>

  1. <tbody id="awefu"><noscript id="awefu"></noscript></tbody>
  2. <dd id="awefu"></dd>
    <progress id="awefu"></progress>

    <tbody id="awefu"><noscript id="awefu"></noscript></tbody>

    昆明UI培訓
    達內昆明五一路

    188-5191-7064

    體重曲線應該如何設計?

    • 時間:2016-10-11 10:10
    • 發布:昆明UI培訓
    • 來源:優設網

    曲線是個有故事的組件,咱們來好好聊聊。

    1、橫坐標:按次數vs按自然日期

    用戶記錄體重,不像股票和天氣,不一定每天都有數據的。橫坐標雖然都是用來顯示日期,但是有兩種截然不同的日期:

    按照用戶記錄的次數,哪一天記錄了就有一個點,沒記錄就沒有,橫坐標上的日期不是連續的。

    按照自然日期,不管用戶記錄了沒有,橫坐標上的日期是連續的。

    1.2優劣比較

    按次數的好處是:1、好看,每個點的間隔是均勻的,不會太密或太疏。2、開發難度較低。缺點是:不能反映體重變化的真實趨勢。兩個點之間可能相差一天,也可能相差一個月、一年。

    按自然日期的好處是:能真實反映體重變化的趨勢。缺點是:開發難度高。

    1.3開發難度高?

    按自然日期為什么會開發難度高呢?達內昆明UI培訓舉幾個栗子:

    栗子一:跨屏幕的連線

    曲線上的點與點之間是要連起來的,很簡單是嗎?但是考慮到跨屏幕(翻頁)的時候,情況就變得復雜了。當前屏幕最左邊的那個點,它的前一個點在哪里呢?先查上一周,沒有。再查上上周,又沒有。再查上上上周……啊,終于找到了,兩個點尋尋覓覓,終于把紅線牽起來啦!

    栗子二:周期的切換(周/月/年)

    每個用戶記錄體重的頻率是不一樣的,有人每天記,有人每周記,有人每月才記一兩次,所以你覺得合適的周期,對于別人來說,就會顯得點太密了,或者太疏了,沒法用一個固定的周期來滿足所有人,于是得有個周期的選擇,在周、月、年之間切換。

    或者,你可以向更高難度挑戰,用手勢來動態調節:兩根手指向內捏,點就密一些。兩根手指向外捏,點就疏松一些。

    栗子三:取樣

    一個屏幕顯示多少個點比較合適呢?5~7個點看起來是最舒服的。當你用比較大的周期,比如月和年,那一個屏幕里顯示的點可能會非常密(可能會高達365個點),先不說難不難看吧,也不說加載速度慢不慢吧,在性能不好的機器上,可能馬上就崩潰了。

    所以需要后端幫你取樣,一年的數據,每個月取個平均值,只返回12個數據。

    1.4結論

    看了這三個栗子,你明白了吧?如果是按次數的話,這些問題都不復存在了。很多看上去很美好的事情,并不是那么簡單的。

    按次數,就像一個不太聰明但很細心的學生,最多能考80分,但他會的題就不會丟分,最終考了80分。按自然日期,就像一個很聰明但不細心的學生,全都會,理論上能考100分,但這里錯一些,那里錯一些,最終只考了70分。

    如果你對開發團隊的能力不是很有信心,或者他們能力雖強,但沒法投入大量精力,持續的改進這個功能,達內昆明UI培訓勸你還是選擇「按次數」的形式吧。

    2、縱坐標:靜態分布vs動態分布

    除了橫坐標的這個大坑,跳進去就很難挑出來了,縱坐標也有個小坑。

    縱坐標的數據分布有兩種形式:

    靜態分布。固定的,每個人都一樣的,都采用同樣的最大值和最小值,比如從0到150公斤。

    動態分布。不是固定的,根據當前屏幕內數據的最大值和最小值,稍微再擴大一點點范圍(最好是整數,去掉零頭),比如從50到60公斤。

    說起曲線,技術含量最高的曲線就是股市的k線圖了。股市類App的曲線,在橫向滑動的時候,縱坐標都會動態的改變。

    很顯然,當然是動態分布的效果好啦,否則你的體重數據就是在一個很窄的區間里小幅的波動,完全看不出趨勢。

    程序員也許會為了快,趕進度,怎么簡單怎么來。但你得清楚,自己要做動態分布的,即便這個版本實在來不及了,先做靜態分布的,下個版本也要改過來的。

    3、橫屏vs豎屏

    曲線是用橫屏來展示好呢,還是豎屏好呢?首先,要看這個頁面有沒有其他元素,有的話只能用豎屏的了。

    在沒有其他因素干擾的情況下,只展示體重曲線,那用橫屏還是豎屏好呢?達內昆明UI培訓的觀點是:最好是:先看豎屏,支持橫屏;其次是:只有橫屏,不能豎屏;最差的是:只有豎屏,不能橫屏。

    上一篇:體重數據如何更好展示?
    下一篇:為什么UI設計師需要追根究底?

    馬上預約三天免費體驗課

    姓名:

    電話:

    UI設計師:用戶思維,就是上帝思維

    UI設計師應該這樣輸出產品原型

    由標簽導航引發的問題:標簽導航的格局

    達內昆明UI培訓談談團隊文化建設

    • 掃碼領取資料

      回復關鍵字:視頻資料

      免費領取 達內課程視頻學習資料

    • 視頻學習QQ群

      添加QQ群:1143617948

      免費領取達內課程視頻學習資料

    Copyright ? 2018 Tedu.cn All Rights Reserved 京ICP備08000853號-56 京公網安備 11010802029508號 達內時代科技集團有限公司 版權所有

    選擇城市和中心
    江西省

    貴州省

    廣西省

    海南省

    2018最新天堂福视频 2019亚洲福利合集 老司机带带我精品视频 百度 好搜 搜狗
    <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>