responsive bloody design
- Started
- Last post
- 29 Responses
- animatedgif0
^ yeah, I resize my browser to spread your content out, not so you can just make the same shit bigger and shuffle it about.
- formed0
Sites need to be usable on all devices, but I cannot stand a site that moves all over the place when I scale my browser (which I do all the time, like now, for instance, there is a Premiere file rendering in the bg, I open this up to kill time but don't want a full window).
Again, personally, it looks unpolished and sloppy if the nav the pieces start popping on top of each other and randomly organizing themselves based on what size I have open (which is always different)
So, for client's sites, there is a version for iPads, mobile and normal screens, but it locks at the iPad size.
- animatedgif0
Good if used for a mobile version, tablet and regular, bad if it's a site where every ui element shifts as you slightly resize
- Stugoo0
Its nice to see designers talking about this, I generally find it as an afterthought on projects from. The amount of briefs I receive that say 'we've recently launched a website but we need someone to come in and make it responsive'. Dude, mobile first.
With that said I completely get (having starting my career in design) how a designers workflow needs to change to accomodate this: the thought process to consider layout on multiple devices, interactions, working with layout in a non-responsive format(photoshop, illustrator) etc...
Someone said earlier something about how it changes classic web design, but I think that classic web design was a bad habit (one of which I admit to having), responsive design is something that has been toyed with for a long time (e.g the holy grail layout), it's only the rise of mobile devices that has made it apparent that the mantra 'all(most) websites should be 960px wide'.
On a side note, as you lot [read designers, crayon jockeys] seem to be a bunch of stubborn pixel perfect mules (which I love btw), its normally been a FE dev's position to push this sort of thing. Responsive Design, totally good.
- excuse my bad grammar
Stugoo - Can't really do "mobile first" with clients.animatedgif
- yeah, true, but a responsive build....
in an ideal worldStugoo
- excuse my bad grammar
- tOki0
^ Yes but in the past flash sites didn't really do the smart re-arranging that we see today into different form factors, usually there was some parts that were fixed sizes with other elements floating out to the sides. In many ways the approach taken was only 60% there to being truly responsive. I'm not sure if flash has a media query equivalent for recognising devices either.
I think this may be in part due to the fact that HTML & CSS as a platform exists with a simple set of rules that can be easily utilised - you simply build within it, where as with actionscript this kind of more advanced layout had to be individually programmed and therefore making it much more of a barrier to make the layouts "responsive". Whilst totally possible to create a css and html renderer in flash, high level actionscript like this is what makes it a full blown programming language, so it was always going to be at a disadvantage in this respect simply because it's harder to learn.
- < nerd loltOki
- i know i'm just joshin to an extent. i just coded a jquery isotope wp site where cells = posts = responsive = nerdvilleprophetone
- i only brought it up as i've built a few flash-based full screen sites in my time that reacted to screen sizeprophetone
- ..they probably had lovely blending modes, too. That's a while off. Getting there with the 3d, though. And type rendering.mikotondria3
- prophetone0
you know what was responsive? flash... but yeah media queries are the bomb too.
- yupmoldero
- take it up with jobs, oh yeah hes deadStugoo
- HAHA no it wasn't unless you did a shit more coding manually writing it.animatedgif
- tOki0
Responsive design is great because it forces you to think out your design decisions and how they will work across different form factors. It favours clearer information architecture and cleaner information display all tied together with (hopefully) simpler navigation. This alone is another way for the pro's in the industry to separate themselves, which can only be a good thing.
- MrT0
Aside from the multiple-device benefits I like it because it tends to favour cleaner designs.
- ukit20
"Responsive content"
- mikotondria30
</otherideas>
"Platform-conscious design".
- BabySnakes0
^
To pull a little from that book, it isn't just about fluid layouts, but the context of how the user is interacting with your site.
- ETM0
Again, as recommended numerous times by various members, if you aren't fully aware of what responsive is or how to approach, this book is a great place to start:
- ETM0
There are some more complicated layouts that are near impossible to do a quality responsive design (and sometimes you can't simplify it) so you have to do a groomed mobile version.
But that said, unless it's that rare case, responsive all the way. Why fight with detection scripts and multiple images/sprites/stylesheets?
- k_temp0
I think cannonball is trying to say that all design should be flexible to adapt other medium.
I work in exhibit design and traveling exhibition is much like responsible design, needs to adapt to other venues aside from the original gallery space.
- dMullins0
Responsive design is vastly different than web design has been historically. To claim that responsive is useless or unnecessary shows a lack of understanding of consumer trends, as well as the need as a design professionals to adapt your workflow and processe to those changes.
- cannonball19780
^ You didn't read what I said. I know what the topic is about. What I said was that I don't see how "responsive design" is different than regular design.
- planning.albums
- Planning AND implementation. Both stages are different that a fixed width or old style fluid site.ETM
- Old school fluid sites almost always break at some point, where a responsive design shouldn't.ETM
- I'll give you a fluid response.monospaced
- Chew on my fixed width. :)ETM
- haha, nicemonospaced
- hellobotto0
Very useful. As with any design strategy, it has a place and purpose and should be applied accordingly.
If you aren't considering flexible and responsive approaches for your site design, make damn sure you don't answer the door when you hear knocking...it's Here and Now. And they're annoyed with you. And they both need to use your bathroom...in a way which will linger with you for some time.
...
To your other note, in my experience the only folks who make a point to resize a browser window with reckless abandon and delight upon each page load are the same folks who've been told by their friends, "hey, check it out, I built a responsive site."
- Knuckleberry0
cannonball1978:
scale this site----> http://css-tricks.com/you will see it change as the width of the window changes. this is to allow it to "flex" to any size screen you are viewing it on.
- i love how that character changes in the upper right.doesnotexist