9 Reviews0 Votes0 Favorites1281 Views
Concept Reviews
-
I apologize for my English I have to warn you that use Google translator I hope to be forgiven. The page you see has a good setting to choose the colors are sober and are not intrusive to the user. I gave it some little known and buttons for navigation services and the rest for me excellent vision, I think they did a great job congratulations to you all!
Notes Added to Images View
-
1Login
Login repeated, I would leave only the one above near the search form
-
2Search Navigation Services
More buttons 'wide and more' tall with 1px border color rgb (18%, 44%, 69%) to entice you to check before taking other hasty decisions.
-
3Navigation
The navigation buttons visible setting your height seems too small in my opinion
-
4so good
I seem to notice that there is a good proposal for promotions Excellent!
-
-
My comments you can read on the notes. Good luck with the redesign!!!
Notes Added to Images View
-
1Looks disconnected
disturbs the main logo instead of supporting. I would try to place it somewhere else
-
2Header should be more interesting
The idea of the plain picture from the old site was actually not bad!
-
3Drop down for category search
Would be nice to have the possibility to search inside specific categories of the site, and not a general search.
-
4Red/blue
It is usually a bad idea to place red elements directly on a blue surface with the same intencity (a very basic graphic design rule). So either lower the blue intencity or make the blue darker or change the color of the button or give the button a light contour around
-
5Icon
Doesnt look clean. Probably too much effects.
-
Notes Added to Images View
Notes Added to Images View
-
1Detail
the purpose of this arrow pointing down is not clear.
-
2Button
too wide and narrow. It doesnt look much like a button.
-
3Button
Maybe a button with a green V / OK icon would work better.
-
4Buttons
Spacing and effects can be better
-
5color
Better use green, unless the message of the button is negative.
-
Notes Added to Images View
-
1Language
it is enough to have it on the top bar.
-
2Information
all this text is needless. You can have icons with i / ? next to the fields, that with mouse over will explain the purpose of the filed.
-
3Table
bigger, wider and placed just under the 1 2 3 steps.
-
4Title
is needless here. The title just under the first step can be bigger / a different color
-
5Spacing
the tab is too small for the text inside
-
Notes Added to Images View
Notes Added to Images View
-
1I like the header background!
It makes the website appealing also on the boring pages.
-
-
I start browsing the aa.com and it seem aa have redesigned the only home page and it start looking like a good job to me.
Couple of things I would like to share:
Nice use of CSS3 features. I tested it cross browser and it looks pretty good in most of the browser except the IE, however, it's not at all bad in IE as well. I wish I could see updated IE with the latest technology.
Round edge and drop shadow looks nice but it doesn't work in IE :(
Excessive use of CSS3 drop shadow feature for flight section. I think it could be more subtle.
Key focused should be the search area whereas as of now search and advertisement both getting highlighted equally. I think basis on the Google analytic reports it could be easily tracked that what area should be highlighted and what not.
Inconsistent margin between navigation and logo.
Flight section need breathing space.
I am using win7 and while testing it in firefox it doesn't show the background image under U.S. Travel Savings block.
I red the the Aaran review as well and I would go with him about the notes he added for each screen shot.
When mouse over the reservations > payment option > it show the drop down menu below the fold... need to work on it.
Skye blue gradient in the background should be more subtle.
Finally I think aa do need to follow the redesign process and it's not a small website which can work basis on perception.. few of points which I can clearly see not being followed up in aa that is the key of better user experience.
Analise user needs which I can be recognized by using Google Analytic or some slimier tool that give the real time data of your website interaction between users.
Wire-framing
Thanks, Haider
Notes Added to Images View
-
1add more breathing space
-
2add more breathing space
-
3sometime image used in backdrop doesn't show in firefox
-
4move navigation bar a little up
move navigation bar a little up or logo and top right navigation down to keep the consistent margin and padding... though it's working but aesthetically it is unpleasant for me.
-
5not aligned with the grid...
-
6move heading a bit down to create the breathing space
-
7white space is not equally distributed
white space is not equally distributed + not aligned with the grid
-
8decrease the arrow size
decrease the arrow size with proportion of the font size... as of now it looks a bit bigger
-
Notes Added to Images View
-
Overall - the design is a marked improvement from the former design.
Positives:
- Landing page has a familiar, well designed container (called a 'Task panel') for Booking Flights, Hotels, Cars, etc.
- Task Panel is chunked out into value-added functions - with intuitive icons as tab headers.
- The Task panel action button is visually obvious.
- The "NASCAR" fat footer is a great feature for promoting affiliations. It is also a good area for presenting social media connections.
- Interior pages that use a matrix/chart are very effective.
Opportunities to Improve:
- The task panel and the Ad on the right visually compete (adding some additional whitespace - and choosing photography with less blue - will balance the treatment)
- The Ad can be made more persuasive by displaying time limits (example: These Travel Deals End by Nov 30th!)
- Matrix/Charts can be made more persuasive by exploiting scarcity (example: Selecting Departures - can enhanced by presenting deals - and time-frames when the deals expire.)
- Flight Check in could use some layout help - that will reduce the visual clutter caused by the powerful ads - competing with the user trying to complete their task.
- The Contact Us page could use some layout. The "master detail pattern (with the hierarchical navigation panel) is cumbersome. This could be redesigned into a task panel with a simple hyperlink menu list within each tab set.
Notes Added to Images View
-
1Task Panel
Well designed task panel with icons.
-
2Persistent Navigation Bar (Good if carried through)
If this global nav-bar is presented throughout the entire site - it establishes a solid information architecture and mental model for navigation. Not seeing it presented on the contact us page is troubling.
-
3Nested Tab Design not Visually Evident
They need to make this tab container more visually evident.
-
4Need to ensure better contrast between the Ad and the Task Panel
All photos in the Ad need to avoid colors that are close to the Task Panel on the left.
-
5Should be more Visually Prominent
Make larger and more perhap change position
-
6Invisible
These hyperlinks are almost invisible
-
Notes Added to Images View
Notes Added to Images View
Notes Added to Images View
-
1Does not work
This master/detail design pattern does not work for a contact us page.
-
-
Haider Ali commented:Hi Michael,
I agree on your "opportunity to improve"
This one is the great review indeed!
-
At first glance, the site has taken a nice step forward. The content is nicely split on the index page with the section for locating a flight clearly standing out. Specials and savings are easy to spot and don't get lost. Not sure if I like the floating buttons at the bottom of the page but at the very least, they don't get in the way of my trying to find a flight. The sub pages still feel a little plain but again, its easy to locate a flight and make selections. I like how the color coding scheme is repeated halfway down the page, helping the user keep track of what column they are looking at. Users that have been using Travelocity.com or other similar websites won't feel completely lost in the new interface. The new layout is much less cluttered and clearly organized. The site load speed is very fast and that goes a long way to user happiness. Nice overall job by the design team.
-
Haider Ali commented:
LESS IS MORE
Nice comments Billy... I noticed the load speed and it's quite fast... Magic of CSS3 ;)
-
-
Ok so I had a look through all the screen shots, and had a quick browse on the actual site itself... I can see why it is that this will be an on-going project over the next 12-18 months, it's a BIG job...
Ok, so there are a few tweaks that I would offer, and so I'll use notes...
Whew, that took a while...
Anyway, I realize that this is a work in progress (WIP), so there are still parts that are yet to be completed, however I feel that if you are going to launch at least a new homepage make it consistent, so that it all flows, at the moment there is a lack of flow from booking a flight, to booking a motel and so forth..
There are wasted space issues, and alignment and padding issues throughout the site... I would love to see the developers wire frame's on the improvements of this site (do you think they actually did any?)
My bleat is over.... Baaaa!
Notes Added to Images View
-
1Squished
Logo needs space...
-
2Alignment
The GO button should align to the grid of the nav bar and the content box
-
3Brand name NOT a Nav Name
I see the point of it, but I think it should be removed from the nav, and made into a CTA button, it looks odd being in the nav bar with a registered trademark next to it.
-
4padding
is needed here
-
5Alignment
why is the bottom text not aligning with the top?
-
6Alignment
this is out by 1pix
-
7empty space!
this should be used, as at the top on pt 4, there is no padding
-
8alignment
why isn't this in line with the grid
-
9alignment
or this one?
-
10beveled flag
looks out of place, as there's no other beveled areas showing
-
11outline stroke
there seems to be a white 1pix outline on this image
-
12it's funny
when you click on this item, it's goes to a completely different page, which is the old one I figure, I would of thought that they would of spruced this whole box the same as the flights one's, because of consistency...
-
13...
why? I think better to etc
-
Notes Added to Images View
Notes Added to Images View
Notes Added to Images View
-
1wasted space
-
Notes Added to Images View
-
1this is pointless
why don't they remove the site tree on the side and populate this area with the items on the side, with simple icons or logos
-
-
-
Aaran Casey commented:Thanks Andrew, at first glance I didn't want to be picky but then I started looking through it and I thought "damn, there's some simple stuff being missed here"... oh well, Like I said in the body of the review I am sure they will get around to it...
-
-
Site look quite outdated in my opinion. I am sure the work is not done completely yet so there are many things will be changed. I don't think the large image on the right top side has any purpose. It looks more like just a replacement for the empty space.
-
At first sight the layout looks too busy for me, but after i focus on the book travel tab, it looks really easy to find the flight that I want, the form seens to be very organized and easy to use.
I
m not sure about the AA News and Offers section, why dont you use all that space for travel deals and promote the news and offers on the top section only, like it already is. I think it would give you more space and the layout would look a bit more clean.In the menu, I would suggest to remove the AAdvantage, use only Advantage, supposing that people from all ages are going to use this website it may look confusing for some older customers.
In general, the layout really looks rejuvenated and well organized.
-
Like the layout, but misses modern (web 2.0) layout
Very simple
Flights tab is too cluttered.
Good review Michelangelo!