Coder Social home page Coder Social logo

GUI enhancements about boilr HOT 13 CLOSED

algazarra avatar algazarra commented on August 11, 2024
GUI enhancements

from boilr.

Comments (13)

dllud avatar dllud commented on August 11, 2024

They are all implementable and not that complicated.

  1. It currently prints something like:
FOO @ 123.45 BAR
in BazExchange

I can easily change it to:

FOO @ 123.45 BAR
in BazExchange
Up: 100 BAR
Down: 90 BAR

Good enough? If not please suggest another text-only output. We'll add images later.

  1. I don't understand. Due to #12 the time interval since last price update is also relevant for offed alarms. They are updated when the alarm list is showed.

from boilr.

algazarra avatar algazarra commented on August 11, 2024
  1. gotta think about it. but the idea is to have it visually tell you if upper or lower alarm was triggered. that isn't helping visually. for me, the solution should be in the info disposition/layout.

  2. ok, maybe have a red dead circle around the last update if off and have a green animated circle around the last update if on. something like a refresh symbol with the numbers inside. everytime there's a refresh the circle completes. don't know. something that visually shows what now is confusing. the point is to loose the on off and have the last update acting as on off and also alarm's "refresh rate", if you know what I mean.

from boilr.

dllud avatar dllud commented on August 11, 2024
  1. Now I see your point. Though, if we drop the ON/OFF button it will be difficult for users to perceive that the refresh circle acts as ON/OFF. You have to come up with something that has the ON/OFF words in it.

from boilr.

dllud avatar dllud commented on August 11, 2024
  1. How about displaying an up green arrow or a down red arrow on the left side of the text? Seems intuitive and also works for price change alarms.

from boilr.

algazarra avatar algazarra commented on August 11, 2024
  1. that is adding elements when the point is to show more with less. that's why I asked if these is something we could do and if so, I'd revise the whole layout so that we can integrate everything.

  2. yes, I'll draw some solutions. can we have animated buttons? for example, everytime it refreshes, a circle completes a turn or so....

from boilr.

dllud avatar dllud commented on August 11, 2024
  1. We have lots of free space there in the alarm notification.

  2. We could have animations. However if your design needs animations to convey the message it is a bad one. Think about something that works without animations. Later we can add animations on top of it.

from boilr.

algazarra avatar algazarra commented on August 11, 2024

incoherent. it's ok to add more symbols just to show price change, but not ok to have simple animation (like a turning circle) for "last update"? yes we have lots of space, but why not use less to show more? not adding symbols, but enhancing present info with color. it's simple and effective. but i'd like to meet before starting working on these.

btw, when i say animation I'm talking about 2 or 3 frames, something efficient and small ;)

from boilr.

dllud avatar dllud commented on August 11, 2024

it's ok to add more symbols just to show price change, but not ok to have simple animation (like a turning circle) for "last update"?

Exactly. One thing is adding elements, another is adding animations. Adding elements is the obvious solution when you want to display more information. On the other hand animations tend to distract the user and should be used sparsely and only to enhance visibility of an already readable element.

not adding symbols, but enhancing present info with color.

You should never use colour alone to convey information. Specially when the two colours in question are red and green, exactly the most common type of colour blindness. Adding ↑ or ↓ to the left of the text won't clutter the interface and could even be used in the alarm's list besides the alarm trigger notification.

from boilr.

algazarra avatar algazarra commented on August 11, 2024

as for the animation, forget it, we're talking about different things. I'll explain what i meant personally.

You're presenting an elegant solution with the arrows and linking it to the alarm notification. but you can't compare that to, for example, bitcoinwisdom's last price... it's immediate, easy, familiar, and it works... it's simply superior. look at boilr alarm list with 6 alarms and quickly see who's raising and bottoming with the arrows.. then try with colors. do you still prefer the arrows? I don't!

from boilr.

dllud avatar dllud commented on August 11, 2024

As I said:

displaying an up green arrow or a down red arrow on the left side of the text

I am thinking about having both arrows and colours. It would make a better solution than just colours.

from boilr.

algazarra avatar algazarra commented on August 11, 2024

IMHO, adding another element when we could simplify is dead wrong. I suggest taking bitcoinwisdom's example and have last price color indicate if price is rising or lowering.

It's so so simple that I can't possibly conceive why would someone prefer the arrows. And please, color blindness? That's not valid for boilr. That's valid for emergency or traffic signs in the street. Boilr's target is much narrower.

from boilr.

dllud avatar dllud commented on August 11, 2024

And please, color blindness? That's not valid for boilr. That's valid for emergency or traffic signs in the street. Boilr's target is much narrower.

Ok, convinced with that one. When the first colour blind user comes we add the arrows. Thus, just colours in the alarm's list.

However I still think the arrows are useful in the alarm trigger notification. With them you can skip the text. You instantly know if it hit your upper or lower limit. Imagine this but with the text correctly aligned in two lines:

green arrow up FOO @ 123.45 BAR in BazExchange

red arrow down FOO @ 100.23 BAR in BazExchange

from boilr.

algazarra avatar algazarra commented on August 11, 2024

Exactly, that's the type of "image" i was talking about. let me sketch some ideas first.

from boilr.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.