You can make complex web apps responsive
adioso.com
You can make complex web apps responsive
1–10 of 42 posts
Re: You can make complex web apps responsive
#2Thank you for the comprehensive writeup...even if it can be done, there is still a good amount of skill and knowledge required to pull it off...too often, non-designers underestimate the work and design considerations involved.
That said, I wonder if you are going too far in being responsive? The 1000px+ size, IMO, takes the concept of whitespace too far. For example, the third most important datapoint -- the arrival date, is located as far as possible from the two critical datapoints (price and departure date)...in the narrower versions of the site, the listings are, IMO, significantly easier to scan. I wonder if you (or rather, your users) wouldn't benefit from keeping the listings no wider than they are in iPad portrait?
The other choice, of course, is to just move Arrival Date to the left side, but that's a consideration not related to the responsive design.
Re: You can make complex web apps responsive
#3Wordpress's admin panel is totally responsive. It's quite well done and impressive. It's lovely to be able to fire it up on my phone and delete spam comments without pinching and zooming in on controls.
Re: You can make complex web apps responsive
#4Thank you for the comprehensive writeup...even if it can be done , there is still a good amount of skill and knowledge required to pull it off...too often, non-designers underestimate the work and design considerations involved. That said, I wonder if you are going too far in being responsive? The 1000px+ size, IMO, takes the concept of whitespace too far. For example, the third most important datapoint -- the arriva…
Nice writeup explaining an overview of Foundation, Modernizer, etc..
I like what you did with your responsive tables. They look good.
Also, is this really a "complex" web app. Doesn't really seem like there's a ton of fields to fill out or data to present. I was hoping someone was finally doing a writup on a data-dense app with many/complex fields of data entry with some best practices (this is the article I'm waiting for, though you have a good start).
BTW, I'm a fan of Foundation, so I was excited to see how others are using it.
Re: You can make complex web apps responsive
#5Thank you for the comprehensive writeup...even if it can be done , there is still a good amount of skill and knowledge required to pull it off...too often, non-designers underestimate the work and design considerations involved. That said, I wonder if you are going too far in being responsive? The 1000px+ size, IMO, takes the concept of whitespace too far. For example, the third most important datapoint -- the arriva…
> too often, non-designers underestimate the work and design considerations involved.
The story of my life! In my entire career as a web developer, the hardest non-technical task I've ever faced is convincing management that we need a designer. I guess they think all they do is come up with some colors or something, because there is never any value given to having someone on-hand that actually knows what they're doing. So frustrating.
Re: You can make complex web apps responsive
#6I'm not sure I would classify this as a 'complex' webapp. Not to downplay the work that has gone on here, which is great, but when I think of a complex web app I think of one that has dozens or hundreds of screens, dozens or hundreds of dialogs, extensive use of user roles/permissions, etc.
Re: You can make complex web apps responsive
#7I'm not sure I would classify this as a 'complex' webapp. Not to downplay the work that has gone on here, which is great, but when I think of a complex web app I think of one that has dozens or hundreds of screens, dozens or hundreds of dialogs, extensive use of user roles/permissions, etc.
to be fair, the whole of their site seems responsive, not just the landing page.
It also seems to load pretty quickly over 3G - so they've been economical with the resources tool. My biggest concern would have been that they went overboard with Javascript libraries to make the page map equally well on the mobile as it does on the desktop - only to forget that mobile bandwidth is generally shite. But that doesn't seem to be an issue here.
All in all, they've done an impressive job.
Re: You can make complex web apps responsive
#8Cool desgin and interesting post, but it's really not worth much if it doesn't find the cheapest flights.
http://adioso.com/at/vienna-at-to-ams-june-21-return-june-25 http://web24.checkfelix.com/flugsuche/de/fluege.html?what=re...
Maybe it's not so good yet for european flights?
Re: You can make complex web apps responsive
#9Long answer short: No, you can't get a complex webapp resolved responsively with all its complexity on a mobile.
Two reasons for that:
1. The mobile browser (excluding the iPad/larger tablets) are yet to achieve the level or even meet standards, for that matter, where a really good developer could go an dive and into creating a complex webapp.
2. Even if point no. 1 is met by vendors (which is questionable) then also there is a significant difference between the way people interact by sitting on their desktops and on their mobiles when on the go.
That said, nice piece of work.
BTW we do a lot of this type of work too - i.e. trying to achieve a fairly complex webapp for all screens. We don't use Zurb or Bootstrap, rather have our own custom CSS framework built from ground up. I'm hoping for better support from the vendors soon given there is more competition. It surely will get better.
Re: You can make complex web apps responsive
#10I'm not sure I would classify this as a 'complex' webapp. Not to downplay the work that has gone on here, which is great, but when I think of a complex web app I think of one that has dozens or hundreds of screens, dozens or hundreds of dialogs, extensive use of user roles/permissions, etc.
All the examples were "basic" not "complex" at all. I assume the author's never seen an enterprise app before.