1

In my work I was asked to define the scaling behavior of the system interface (or website), and I was wondering whether there are any guidelines or best practices about how to characterize and design the scaling behaviors of different elements on the screen?

for example i`m planning a system with left navigation panel, menu header and main dashboard panel with tabels,forms and graphs. for this system i would like to define the best behavior of each panel. by that i mean, if the user resize the system window, how will the different element will change according to the screen size. should the width porportion of the navigation panel need to remain the same (fixed)? and so on for the other panels

4
  • Hi Shai, welcome to UX! Could you try being more specific? What kind of website are you trying to scale? Why?
    – Rahul
    Jan 25, 2012 at 11:17
  • Thanks! i looking for general gudieline. for example i`m planning a system with left navigation panel, menu header and main dashboard panel with tabels,forms and graphs. for this system i would like to define the best behavior of each panel. by that i mean, if the user resize the system window, how will the different element will change according to the screen size. should the width porportion of the navigation panel need to remain the same? and so on for the other panels
    – shai
    Jan 25, 2012 at 12:02
  • Shai - please edit this information into your question. There's a link just under the tags or use this one
    – ChrisF
    Jan 25, 2012 at 14:06
  • Shai, I don’t believe you will ever be able to get general guidelines that will be universal to all projects. These are the types of parameters that need to be set on a project-by-project basis depending on the requirements. Also, this is more of a front-end development question rather than related to UX.
    – DigiKev
    Jan 25, 2012 at 14:12

1 Answer 1

1

I'm not sure this is what you are looking for, but it might point you in the right direction. http://uxmag.com/articles/framework-for-designing-for-multiple-devices. It suggests how to create a framework for designing for different screen sizes.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.