#metabrainz

/

      • zas
        I'll upgrade grafana, expect few false alerts
      • 2020-07-01 18358, 2020

      • BrainzGit has quit
      • 2020-07-01 18319, 2020

      • BrainzGit joined the channel
      • 2020-07-01 18318, 2020

      • iliekcomputers
        ishaanshah: pong
      • 2020-07-01 18311, 2020

      • ishaanshah
        iliekcomputers: Hi, what is your opinion on using stacked bar graph for mobile view and normal for desktop
      • 2020-07-01 18326, 2020

      • ruaok
        mooin!
      • 2020-07-01 18330, 2020

      • ishaanshah
        Then we can have comparison for month on mobile too
      • 2020-07-01 18339, 2020

      • ruaok
        different graphs based on screen size? that sounds like a UX taboo....
      • 2020-07-01 18343, 2020

      • ishaanshah
        Morning ruaok!
      • 2020-07-01 18356, 2020

      • ishaanshah
        Same graph
      • 2020-07-01 18325, 2020

      • ishaanshah
        Stacked bar graph on mobile, grouped bar graph on desktop
      • 2020-07-01 18315, 2020

      • ishaanshah
        The problem we are havin is we cant fit 30+30 days on mobile view
      • 2020-07-01 18335, 2020

      • ishaanshah
        So we would have to give up last months data on mobile view
      • 2020-07-01 18348, 2020

      • ruaok
        I can see that -- but my gut says that were using the wrong graph then.
      • 2020-07-01 18326, 2020

      • Zastai joined the channel
      • 2020-07-01 18344, 2020

      • ishaanshah
        I was using line graph first but it wasnt working functionaly
      • 2020-07-01 18356, 2020

      • ishaanshah
        Functionally*
      • 2020-07-01 18332, 2020

      • ishaanshah
        To much data made it hard to understand any trends from the graph
      • 2020-07-01 18338, 2020

      • ishaanshah
        Too*
      • 2020-07-01 18334, 2020

      • ishaanshah
        Also the data we have is not contiguous so it doesn't make sense to us a line graph
      • 2020-07-01 18314, 2020

      • jmp_music has quit
      • 2020-07-01 18301, 2020

      • Gazooo has quit
      • 2020-07-01 18304, 2020

      • Gazooo joined the channel
      • 2020-07-01 18310, 2020

      • CatQuest
        hmm if they are both "bar graphs" maybe?
      • 2020-07-01 18310, 2020

      • CatQuest
        I don't quite know how "stacked" and "grouped" bar graphs look /functionality of these
      • 2020-07-01 18311, 2020

      • CatQuest
        but if it's essentially the same grpah but the mobile view sort of "contracts" together it could wokr
      • 2020-07-01 18312, 2020

      • CatQuest
        work*
      • 2020-07-01 18349, 2020

      • CatQuest
        another idea is to have the exact same graph, but that mobile view has longer/fewer date range (eg: so 3 weeks instead of 1 week in desktop)
      • 2020-07-01 18321, 2020

      • CatQuest
        and then you could tap it on moblie to extend it and show the exact same as in desktop
      • 2020-07-01 18312, 2020

      • shivam-kapila
        ishaanshah: I think it would be better if you could post some screenshots/mockups from pintererest etc about what you are thinking to implement
      • 2020-07-01 18343, 2020

      • CatQuest
        +1
      • 2020-07-01 18303, 2020

      • CatQuest
        (but not pinterest because that's a pita site :P)
      • 2020-07-01 18342, 2020

      • shivam-kapila
        Behance dribbble etc etc.
      • 2020-07-01 18351, 2020

      • CatQuest
        eehh?
      • 2020-07-01 18309, 2020

      • CatQuest
        I mean I guess I do but I don't know what that really means :D
      • 2020-07-01 18325, 2020

      • CatQuest
        sorry
      • 2020-07-01 18327, 2020

      • CatQuest
        :)
      • 2020-07-01 18310, 2020

      • shivam-kapila
        They are websites like pinterest
      • 2020-07-01 18342, 2020

      • shivam-kapila
        Behance is something like a portfolio for ui/ux and graphic designers
      • 2020-07-01 18338, 2020

      • D4RK-PH0ENiX joined the channel
      • 2020-07-01 18322, 2020

      • D4RK-PH0ENiX has quit
      • 2020-07-01 18333, 2020

      • D4RK-PH0ENiX joined the channel
      • 2020-07-01 18330, 2020

      • ruaok laughs at reosarevok's street name
      • 2020-07-01 18335, 2020

      • ruaok
        in spanish.... lol
      • 2020-07-01 18316, 2020

      • ishaanshah
      • 2020-07-01 18323, 2020

      • ishaanshah
        shivam-kapila^
      • 2020-07-01 18308, 2020

      • ishaanshah
        iliekcomputers, ruaok, CatQuest too
      • 2020-07-01 18320, 2020

      • iliekcomputers
        i don't think the stacked bar graph makes sense
      • 2020-07-01 18337, 2020

      • ishaanshah
        Cause comparison with last months data is not as obvious as grouped?
      • 2020-07-01 18359, 2020

      • iliekcomputers
        yes
      • 2020-07-01 18323, 2020

      • ishaanshah
        Hmm thats what bothered me too, but was worth a shot
      • 2020-07-01 18354, 2020

      • ruaok
        is the comparison view really that important? for financial info, yes. but for my listen history?
      • 2020-07-01 18331, 2020

      • ruaok
        I think that bar graphs for just the single month actually works well. and if the comparative view makes it dificult, it makes me wonder why we have the comparative view.
      • 2020-07-01 18337, 2020

      • D4RK-PH0ENiX has quit
      • 2020-07-01 18310, 2020

      • shivam-kapila
        ishaanshah: Isnt a line graph not feasible here. I mean a continuous one?
      • 2020-07-01 18319, 2020

      • shivam-kapila
        without those dots for each day
      • 2020-07-01 18346, 2020

      • shivam-kapila
        I would like to picturise it
      • 2020-07-01 18306, 2020

      • shivam-kapila
        data over a range as something continuous and not discrete bar graphs
      • 2020-07-01 18331, 2020

      • D4RK-PH0ENiX joined the channel
      • 2020-07-01 18350, 2020

      • ishaanshah
        ruaok: We are skipping comparison view for monthly statistics on mobile view, I think the comparison is cool though because it lets me see if listened to more/less music in the last time period and pick up the pace if needed :P
      • 2020-07-01 18316, 2020

      • ishaanshah
        shivam-kapila: The line graph doesn't work for monthly data
      • 2020-07-01 18323, 2020

      • shivam-kapila
        Why?\
      • 2020-07-01 18327, 2020

      • ruaok
        I understand that it is cool -- the question is, is it cool enough for us to make our lives more difficult?
      • 2020-07-01 18327, 2020

      • shivam-kapila
        30 points?
      • 2020-07-01 18337, 2020

      • ishaanshah
        Gets too crowded
      • 2020-07-01 18307, 2020

      • shivam-kapila
        Do you have a screenshot?
      • 2020-07-01 18328, 2020

      • ishaanshah
        Unfortunately I don't :(
      • 2020-07-01 18356, 2020

      • shivam-kapila
        Because those bar graphs look too complicated and dont convey the informat at a glance
      • 2020-07-01 18311, 2020

      • shivam-kapila
        I may be wrong though
      • 2020-07-01 18339, 2020

      • ishaanshah
        > I understand that it is cool -- the question is, is it cool enough for us to make our lives more difficult?
      • 2020-07-01 18339, 2020

      • ishaanshah
        Skipping the last month on mobile is not hard, I have already written the code for it
      • 2020-07-01 18339, 2020

      • jmp_music joined the channel
      • 2020-07-01 18359, 2020

      • shivam-kapila
        ishaanshah: Were those 30 dots too crowded or were the crests and troughs too much zig-zaggy?
      • 2020-07-01 18314, 2020

      • ishaanshah
        A bit of both
      • 2020-07-01 18342, 2020

      • shivam-kapila
        Thats why I asked you to skip the dots
      • 2020-07-01 18354, 2020

      • ishaanshah
        Wait a second I will try to revert back using git
      • 2020-07-01 18313, 2020

      • shivam-kapila
        Mr_Monkey: ping ping!
      • 2020-07-01 18324, 2020

      • Mr_Monkey
        pong pong
      • 2020-07-01 18337, 2020

      • shivam-kapila
        can you open up the figma
      • 2020-07-01 18347, 2020

      • shivam-kapila
      • 2020-07-01 18359, 2020

      • shivam-kapila
        Please look at Top Section
      • 2020-07-01 18341, 2020

      • Mr_Monkey
        Sure can
      • 2020-07-01 18332, 2020

      • shivam-kapila
        The one which I highlighted
      • 2020-07-01 18359, 2020

      • shivam-kapila
        How does the header section look to you
      • 2020-07-01 18311, 2020

      • shivam-kapila
        I took some inspiration from WhatsApp UI
      • 2020-07-01 18316, 2020

      • Mr_Monkey
        Looks good, and clean.
      • 2020-07-01 18342, 2020

      • shivam-kapila
        IMO making the logo backgrpund grey makes it smooth
      • 2020-07-01 18345, 2020

      • Mr_Monkey
        I have two suggestions: the grey at the top could be a bit darked; it's currently pretty hard to make out the white tab over it
      • 2020-07-01 18301, 2020

      • shivam-kapila
        Lets try a darker shade
      • 2020-07-01 18329, 2020

      • Mr_Monkey
        And 2) I'm not sure about, but maybe since you have the space the tab font size could be a point or two bigger
      • 2020-07-01 18301, 2020

      • shivam-kapila
        Howzz that now
      • 2020-07-01 18314, 2020

      • Mr_Monkey
        Yeah, that looks pretty good
      • 2020-07-01 18340, 2020

      • shivam-kapila
        Now please take a look at Desktop Concept 1
      • 2020-07-01 18350, 2020

      • ishaanshah
      • 2020-07-01 18353, 2020

      • shivam-kapila
        Again I highlighted it
      • 2020-07-01 18313, 2020

      • shivam-kapila
        ishaanshah: Can you try a stacked arey graph
      • 2020-07-01 18317, 2020

      • shivam-kapila
        area*
      • 2020-07-01 18321, 2020

      • ishaanshah
      • 2020-07-01 18326, 2020

      • Mr_Monkey
        Yeah, I remember that one, quite liked it
      • 2020-07-01 18301, 2020

      • Mr_Monkey
        I'd say maybe a bit more vertical spacing between the tabs and more padding
      • 2020-07-01 18307, 2020

      • Mr_Monkey
        Mind if I do?
      • 2020-07-01 18311, 2020

      • ishaanshah
        Again, it doesn't look good in mobile mode
      • 2020-07-01 18324, 2020

      • shivam-kapila
        Mr_Monkey: Please go ahead
      • 2020-07-01 18343, 2020

      • shivam-kapila
        ishaanshah: Lets discuss this in 5 minutes. Can we?
      • 2020-07-01 18319, 2020

      • Mr_Monkey
        shivam-kapila: I like the smaller tabs you had a bit more in top section. What do you think?
      • 2020-07-01 18329, 2020

      • Mr_Monkey
        Yeah, that looks good
      • 2020-07-01 18303, 2020

      • shivam-kapila
        Agreed
      • 2020-07-01 18313, 2020

      • shivam-kapila
        NOw that starts lookin' goood
      • 2020-07-01 18343, 2020

      • shivam-kapila
        Finallly! the ugly nav thing is gone. Yippeeeee
      • 2020-07-01 18353, 2020

      • shivam-kapila
        Thanks Mr_Monkey <3
      • 2020-07-01 18313, 2020

      • Mr_Monkey
        Well, I think you did all the work, I just gave my opinion
      • 2020-07-01 18311, 2020

      • shivam-kapila
        That orange line appeals only to the extent it needs to
      • 2020-07-01 18335, 2020

      • shivam-kapila
        Shall we finalise these now
      • 2020-07-01 18346, 2020

      • Mr_Monkey
        I think some of the fine-tuning with spacing, padding, font-size, etc. can be adjusted when we have the actual components. To me this looks good, consistent in design and functionality with your original side bar. That seems like a success
      • 2020-07-01 18314, 2020

      • shivam-kapila
        yes those will be tuned for sure
      • 2020-07-01 18337, 2020

      • shivam-kapila
        > Well, I think you did all the work, I just gave my opinion
      • 2020-07-01 18337, 2020

      • shivam-kapila
        Whats UI/UX without opinions ;)
      • 2020-07-01 18313, 2020

      • Mr_Monkey
        Easier? XD
      • 2020-07-01 18336, 2020

      • shivam-kapila
        haha XD
      • 2020-07-01 18323, 2020

      • shivam-kapila
        Lets finalise this and turn it to code. I am now seeing this coming out
      • 2020-07-01 18347, 2020

      • Mr_Monkey
        As far as I'm concerned, this ticks all the boxes. Clean and modern, multiple levels of navigation that don't look at odds with each other, obvious UX. https://usercontent.irccloud-cdn.com/file/DC8RqMT…
      • 2020-07-01 18309, 2020

      • shivam-kapila
        Sweet I would say
      • 2020-07-01 18320, 2020

      • Mr_Monkey
        Quite. Good job
      • 2020-07-01 18326, 2020

      • ruaok
        ohh, yes. very good.
      • 2020-07-01 18331, 2020

      • ruaok
        +10
      • 2020-07-01 18320, 2020

      • shivam-kapila
        Mr_Monkey: Any opinions on cards for listens list
      • 2020-07-01 18357, 2020

      • Mr_Monkey
        I'll be honest, I could go for either. To me they both look good.
      • 2020-07-01 18313, 2020

      • Mr_Monkey
        What happens if a user 'clicks' on a card?
      • 2020-07-01 18344, 2020

      • shivam-kapila
        Not for now but this will look good when we impliment "Click to view metadata"
      • 2020-07-01 18359, 2020

      • Mr_Monkey
        I suppose my underlying thought is that a card is an invitation for a user to click on
      • 2020-07-01 18323, 2020

      • Mr_Monkey
        So if something is supposed to happen, cards are probably better.
      • 2020-07-01 18325, 2020

      • shivam-kapila
        Dont we want that in near future>
      • 2020-07-01 18328, 2020

      • shivam-kapila
        ?*
      • 2020-07-01 18349, 2020

      • Mr_Monkey
        I think so. For seeing more data as you say, clicking on it to play it, etc.
      • 2020-07-01 18304, 2020

      • shivam-kapila
        Plus cards will go good with when we have that "3 dot menu"
      • 2020-07-01 18320, 2020

      • shivam-kapila
        Yeah it opens some good UX possibilities
      • 2020-07-01 18332, 2020

      • shivam-kapila
      • 2020-07-01 18352, 2020

      • shivam-kapila
        I think we moved close to make it have an app like feel in the browser
      • 2020-07-01 18310, 2020

      • shivam-kapila
        CatQuest: Are your contrast issues addressed too?
      • 2020-07-01 18326, 2020

      • shivam-kapila
        ishaanshah: Are you free to ponder over the possibilities?
      • 2020-07-01 18304, 2020

      • shivam-kapila
        ruaok: I missed the meeting for planning. When shall we do it?
      • 2020-07-01 18321, 2020

      • D4RK-PH0ENiX has quit
      • 2020-07-01 18359, 2020

      • D4RK-PH0ENiX joined the channel
      • 2020-07-01 18333, 2020

      • ishaanshah
        shivam-kapila: Hi, I would be happy to ponder over possibilities for Bar chart as I feel line charts are not meant for showing this kind of data and I don't think I have the capacity to spend another day porting from bar graph to line graph.
      • 2020-07-01 18355, 2020

      • shivam-kapila
        I understand
      • 2020-07-01 18327, 2020

      • ruaok
        shivam-kapila: later today, I'm in the middle of banking guff
      • 2020-07-01 18339, 2020

      • shivam-kapila
        Sure thing
      • 2020-07-01 18356, 2020

      • iliekcomputers
        ishaanshah: hey
      • 2020-07-01 18308, 2020

      • iliekcomputers
        I say we should move forward with what we agreed on initially
      • 2020-07-01 18310, 2020

      • shivam-kapila
        ishaanshah: You may move forward as you are going on. You are already doing good. I understand the effort will go futile if we go on pondering over line charts