Tweeted twitter.com/#!/StackUX/status/639852022330728449
2 added information about the problem
source | link

Design problem: Tying together two related but different elements when one is potentially below the fold

Brief history of what's happening: the client wanted an interactive graph that the user can use to determine their needs from the client. The graph charts the user's business growth over time. When the user drags the knob under the graph, the services below (in the services section) will show/hide depending on what kinds of services are available to that size of business. (ie: if your business is ready to market a product, you need these 6 services, etc.)

Because the sections are separate, but also tied together, I am looking for ways that I can indicate to the user once they let go of the graph knob, they should go down to the services section. I would like to do something animated, like perhaps, draw an "hand drawn" style arrow from the graph to the services section... is there a better way to tie these elements together?

Note: the services section could easily fall below the fold, which is why I'd like the additional indicator that these sections are related.

graph and services

Design problem: Tying together two related but different elements

Brief history of what's happening: the client wanted an interactive graph that the user can use to determine their needs from the client. The graph charts the user's business growth over time. When the user drags the knob under the graph, the services below (in the services section) will show/hide depending on what kinds of services are available to that size of business. (ie: if your business is ready to market a product, you need these 6 services, etc.)

Because the sections are separate, but also tied together, I am looking for ways that I can indicate to the user once they let go of the graph knob, they should go down to the services section. I would like to do something animated, like perhaps, draw an "hand drawn" style arrow from the graph to the services section... is there a better way to tie these elements together?

graph and services

Design problem: Tying together two related but different elements when one is potentially below the fold

Brief history of what's happening: the client wanted an interactive graph that the user can use to determine their needs from the client. The graph charts the user's business growth over time. When the user drags the knob under the graph, the services below (in the services section) will show/hide depending on what kinds of services are available to that size of business. (ie: if your business is ready to market a product, you need these 6 services, etc.)

Because the sections are separate, but also tied together, I am looking for ways that I can indicate to the user once they let go of the graph knob, they should go down to the services section. I would like to do something animated, like perhaps, draw an "hand drawn" style arrow from the graph to the services section... is there a better way to tie these elements together?

Note: the services section could easily fall below the fold, which is why I'd like the additional indicator that these sections are related.

graph and services

    Post Migrated Here from graphicdesign.stackexchange.com
1
source | link

Design problem: Tying together two related but different elements

Brief history of what's happening: the client wanted an interactive graph that the user can use to determine their needs from the client. The graph charts the user's business growth over time. When the user drags the knob under the graph, the services below (in the services section) will show/hide depending on what kinds of services are available to that size of business. (ie: if your business is ready to market a product, you need these 6 services, etc.)

Because the sections are separate, but also tied together, I am looking for ways that I can indicate to the user once they let go of the graph knob, they should go down to the services section. I would like to do something animated, like perhaps, draw an "hand drawn" style arrow from the graph to the services section... is there a better way to tie these elements together?

graph and services