by

Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • 10:26
    raisedadead closed #39249
  • 10:00
    scissorsneedfoodtoo closed #39214
  • 10:00
    scissorsneedfoodtoo closed #37788
  • 09:59
    scissorsneedfoodtoo commented #39214
  • 07:29
    ojeytonwilliams commented #39068
  • 07:29
    ojeytonwilliams closed #39068
  • 07:29
    ojeytonwilliams closed #38832
  • 07:18
    ojeytonwilliams labeled #39250
  • 07:18
    ojeytonwilliams opened #39250
  • 07:16
    gitpod-io[bot] commented #39249
  • 07:16
    ojeytonwilliams opened #39249
  • 07:16
    ojeytonwilliams review_requested #39249
  • 07:16
    ojeytonwilliams labeled #39249
  • 06:37
    Lucky0108 commented #410
  • 06:37
    gitpod-io[bot] commented #39131
  • 06:36
    scissorsneedfoodtoo synchronize #39131
  • 06:33
    dipscodehub commented #410
  • 06:30
    Lucky0108 commented #410
  • 05:12
    ahmadabdolsaheb commented #39154
  • 05:06
    ahmadabdolsaheb commented #39154
Kartik Soneji
@KartikSoneji
I think I get the gist.
I will make the changes and post a screenshot.
Vivek Agrawal
@vkWeb
@KartikSoneji Yeah ;)
Kartik Soneji
@KartikSoneji
image.png
@vkWeb how does this look?
Vivek Agrawal
@vkWeb
@KartikSoneji Amazing - It's looking nice.
Nicholas Carrigan
@nhcarrigan
@KartikSoneji Just a quick thought - will the checkmark display if the user ONLY completes the certification projects?
Kartik Soneji
@KartikSoneji
@nhcarrigan Yes, the checkmark will only display if ALL the submodules are completed.
Nicholas Carrigan
@nhcarrigan
So, it would not display if I skip the Responsive Web Design lessons and only complete the 5 Certification Projects (thus earning the certificate)?
Kartik Soneji
@KartikSoneji
@nhcarrigan Yes. Do you think I should change this behaviour?
Nicholas Carrigan
@nhcarrigan
I think yes. The only requirement for earning the certificate is the completion of the certification projects - adding a progress tracker to each subsection should reflect this. :)
I would hate for a user to feel discouraged, for example, if they completed the projects but not the lessons, earned their certification, but then saw an "incomplete" indicator for that section every time they logged in.
Kartik Soneji
@KartikSoneji
That makes sense, but what about the users who complete only the certificates?
It would advance by a tiny sliver for each project, but jump to a check mark after the last one?
Nicholas Carrigan
@nhcarrigan
What if the certificate projects were to not affect the tracker?
Say, completing the lessons advances the tracker, but completing the projects does not. Completing all 5 projects replaces the tracker with the checkmark.
Kartik Soneji
@KartikSoneji
Or maybe all the lessons count for 50%?
So completing each project will add 1/6 th, and completing all of them will convert it into a checkmark.
Nicholas Carrigan
@nhcarrigan
That could work, yeah - how would that affect the lessons though?
Kartik Soneji
@KartikSoneji
Not much, completing all the lessons will fill the progress to 50%.
Or the projects will fill the border, and the lessons will fill the center?
Nicholas Carrigan
@nhcarrigan
Hey, that could work~!
Kartik Soneji
@KartikSoneji
image.png
@nhcarrigan How does this look?
Nicholas Carrigan
@nhcarrigan
Now it seems like there is too much going on :/
If I look at that from an end-user perspective, the first question is "Wait, what do all the different circles mean?"
Kartik Soneji
@KartikSoneji
Maybe it is a good lesson about programming: things won't always make sense the first time :)
Nicholas Carrigan
@nhcarrigan
Haha - that's a valid point! :D
Kartik Soneji
@KartikSoneji
But I agree, it does look quite complex.
Does anyone else want to chip in?
I would like to hear different openions.
Niraj Nandish
@Nirajn2311
@KartikSoneji well I like it
Kartik Soneji
@KartikSoneji
@Nirajn2311 Thanks.
Ahmad Abdolsaheb
@ahmadabdolsaheb

image.png

Thank you for putting the effort and creating feature. We should have some visualization that shows progress or at least completion for certs. I really like the direction for this. As a general rule we try to minimize complexities and make the UI less intimidating, I think this feature needs a little more work. Users should be able to tell what each icon mean at first sight.

Kartik Soneji
@KartikSoneji
Hi @ahmadabdolsaheb
I definately agree that this feature needs work.
That is why I am discussing it here instead of submitting a PR :)
Please let me know if you have any suggestions on how I can improve this.
Oliver Eyton-Williams
@ojeytonwilliams

I like the simplicity of the earlier prototypes - the icons in the most recent one are hard to understand without explanation.

On possibility is to let the challenges fill the center and then project completion would convert the disk to a tick. That way a user who has just completed the projects feels they've finished and a user who is doing all the challenges gets visible feedback as they go.

Nicholas Carrigan
@nhcarrigan
I like that idea.
Kartik Soneji
@KartikSoneji

I like the simplicity of the earlier prototypes - the icons in the most recent one are hard to understand without explanation.

I agree, the earlier ones are cleaner.

On possibility is to let the challenges fill the center and then project completion would convert the disk to a tick. That way a user who has just completed the projects feels they've finished and a user who is doing all the challenges gets visible feedback as they go.

As I mentioned earlier, I could do that easily but that would mean the first 4 projects would only be a tiny sliver, while the last project would make it a check mark.
If this behaviour is OK then I can go ahead and implement it.

Nicholas Carrigan
@nhcarrigan
What if the projects themselves don't progress the disc? Say, the disc is 100% based on the completion of the lessons, and the checkmark is only on the completion of all 5 projects?
Kartik Soneji
@KartikSoneji
But that would mean that users who complete the lessons get a circle, with nothing as they complete the first 4 projects, but it suddenly changes to a check mark after the last one.
Christopher McCormack
@cmccormack
don't the projects have completion icons already?
Kartik Soneji
@KartikSoneji
image.png
The sub-headings do, but the top level course does not.
Christopher McCormack
@cmccormack
I hate to say this but I actually like seeing the numbers there - could you show the dynamic icons with the numbers?
oh nm that's a sub list
Nicholas Carrigan
@nhcarrigan
The numbers on the sublists are great for tracking progress
I gotta say, though, seeing 0/110 for basic JavaScript was daunting, at first XD
Christopher McCormack
@cmccormack
I think the number of hours is even more daunting
Nicholas Carrigan
@nhcarrigan
Agreed!
Kartik Soneji
@KartikSoneji
Another way I could implement a single progress circle is by adding the % of projects completed to the total progress.
Kartik Soneji
@KartikSoneji
This is best explained with a formula:
l = (completed lessons)/(number of lessons + projects)
p = (completed projects)/(number of projects)

progress = l + p - l*p
This would make it so that a user completing the lessons in order will not notice anything different, but a user completing only the projects will see the progress fill 1/5th per project.
Please let me know if I should explain the formula in another way.