ZoomConcept Reviews
Summary:
Daniel
This is a vast improvement from your current one!
A few tweaks and it will be awesome!
See attached it was easier to mock up than explain.
Good Luck!
-
-
Daniel Morrison commented:
I've just made a couple of changes, could you have another look? Thanks.
-
Penn Folio commented:Nicely done Aaran :)
Attached Files:
-
Minor Problem on It's getting there.. V2.png 1 align this are as Aaran had done in his mockup 2 this is the piece I'm curious as to how you would code it 3 these input fields would look better if they were the same width. 4 left align this send button Summary:
Hi Daniel - This concept looks much better than your current site. The color combos work well, it is pretty dark, but I like dark sites.
From a developer point of view, I'm curious about the form pieces you are showcasing. How would you code the input fields for user name and password and the button once you start building out the page itself ? I like the idea of it, but it just seems impractical to me.
Please see my notes...
-
Daniel Morrison commented:
Thanks for the notes! I will probably implement all of them into the final design. I would probably use another page for each of the different developments, and code each one individually to that project.
-
Rebecca Perry commented:V3 looks much better....nice job!
-
Rebecca Perry commented:
V3 looks much better....nice job!
-
Daniel Morrison commented:
Yay! Thanks.
-
Minor Problem on It's getting there.. V2.png 1 I feel this needs to be aligned in the left and have a wider widt. Serious Problem on It's getting there...png 1 I feel the colors needs to be simplified... Critical Problem on It's getting there.. V2.png 1 too much... Positive Feature on It's getting there...png 1 love the nav! :) New Idea on It's getting there...png 1 I feel this needs to have a blocky look. how about stretching input box for the 'name' and 'email' to have same widths with the 'message' box? The send button is also missing... 2 how about putting their icons here... I feel the site is dominated with text 3 I feel putting the social media icons here Summary:
Hi Daniel, I like the way you structure your concept and I also like the colors of it. It's pretty solid. I also like what Aaran did with your design. Aaran fix some of your alignment issues. I'm a bit curious on how your other pages would look like.
I'll just add some note to the stuff that I think needs some tweaking.
For me, Overall it's Great! Good Job!
-
Daniel Morrison commented:
Thanks for the decent review and the notes! I'll be sure to look at each one. For the social media icons, I forgot to change them back to their standard state as I was thinking of using the ones shown in the concept as the hover states. Also, thanks for the notes on the footer as I was struggling of things to put.
-
Penn Folio commented:
your 3rd version is looking nice.. do you have plan posting other pages?
-
Daniel Morrison commented:
Yep, I've got a free day today so I'll probably have a couple of pages up by the end of the day.
-
Minor Problem on It's getting there...png 1 The text needs some more spacing between lines. 2 The navigation items are blending together, adding some space between them would be good. Serious Problem Navigation
I think there is no need for horizontal rules and icons. Try just to remove them. Then add a bit more (just few pixels) spacing between navigation items.Serious Problem on It's getting there.. V2.png 1 Too much visual tension here. Summary:
Agree with all suggestions above, plus i would take a closer look at micro whitespaces. Also, maybe separate footer by some more pixels from content?
Overall, i like it. Good luck!
-
Daniel Morrison commented:
I've just made a couple of changes, could you have another look? Thanks.
-
Minor Problem on It's getting there...png 1 Should be flush left 2 type to small - not readable 3 try a 70% shade of gray to lighten the field backgrounds Minor Problem on It's getting there.. V2.png 1 Some of these links don't look clickable at a glance. Slight visual affordance issue (which means) a situation where an object’s sensory characteristics intuitively imply its functionality and use. A button, by being slightly raised above an otherwise flat surface, suggests the idea of pushing it. A lever, by being an appropriate size for grasping, suggests pulling it. A blinking red light and buzzer suggests a problem and demands attention. A chair, by its size, its curvature, its balance, and its position, suggests sitting on it. An affordance is a desirable property of a user interface – software which naturally leads people to take the correct steps to accomplish their goals. The common psychological term for this is stimulus-response compatibility. 2 not certain this left rail navigation works Serious Problem on It's getting there...png 1 Consider a carousel pattern (see: http://patterntap.com/tap/pattern/13899811264c28ded45838f) Critical Problem on It's getting there...png 1 Needs an action button (Submit) Positive Feature on It's getting there...png 1 Nice color contrast Positive Feature on It's getting there.. V2.png 1 Better Summary:
Hi Daniel
Overall, this is a nice, concise layout.
- Background color too dark for a portfolio (you should explore lightening substantially)
- Using a carousel design pattern will enable visitors to understand this is portfolio at a glance (refer to the design intent behind the pattern: http://ui-patterns.com/patterns/Carousel)
- Be careful with white type on a dark background. Although I will agree that it looks dramatic -- it is also very difficult to read.
- Ensure all of your links appear clickable at a glance. This is referred to as visual affordance. If I were to usability test this, I'm confident that a high percentage of users would miss you linking strategy. Simply put, adding an underline to the links increase the perception -- and leads to users not missing content.
I hope this helps.
MichaelR
-
Daniel Morrison commented:
Thanks for the great review! I'll try out a lighter alternative, but dark websites have always been my style so I think it would be best to show this in my portfolio.
As for the links, I was actually using the lighter blue text as either an emphasis to attract attention or as a little "sub heading." However, after seeing everyones feedback about using the lighter blue color, I will have another look at maybe using underlines as you suggested.
Also, thanks for the link to the carousel design pattern, I will look in to it.
Thanks again.
Positive Feature Solid, Clean
Looks good. I like the first two concepts shown alot. The single color is clean and minimal. I'd try to establish a little more hierarchy as far content down the page goes.Summary:
I really can't complain much about this design. Everything looks very good and how it should be. The light source in the background is a nice touch. I like the second and third concepts the best. It splits up the page better. The only thing I would try it maybe trying to separate the header from the body a bit more.
Critical Problem you have contact us in main navigation bar, then you have social media icons near navigation then you have contact me links in the footer and also in footer you have contact form .... remove some of them .... )) Positive Feature Nice and clean
Very nice and elegant design !New Idea on It's getting there...png 1 use some icons 2 try to use some contrast for text color Positive Feature Template is nice but i don't like forms. Summary:
-
Penn Folio commented:
Please do add a valuable and helpful reviews... Not just one line comment.
-
Minor Problem Like your use of light blue for links
Maybe you shoudn't use it for emphasis e.g. "Nah it's just a litttle fun" or "future career in the web" unless these are actually links.Minor Problem on It's getting there...png 1 Think the fields should be a lighter colour to show them Summary:
This is fine for a early stab. I think it would be infinitely better if you could introduce some graphic element into it. At the moment it is predominantly dark background and text.
-
Daniel Morrison commented:
Thanks for the review! Maybe some icons for the navigation? Any other critism's would be great.
-
Daniel Morrison commented:
I've just made a couple of changes, could you have another look? Thanks.
-
Summary:
Very nice site! Simple but strong. Excellent balance of elements.
-
Daniel Morrison commented:
Thanks.
-
Minor Problem Send button?
At the bottom there's no button to send you a message.Positive Feature Background gradient
Nice soft gradient in the background complements the content nicely.Color scheme
Color scheme is easy on the eyes and attractive.Summary:
This one is definitely a lot better than your current portfolio; the font and color scheme are both more professional IMO.
-
Daniel Morrison commented:
Thanks for the kind words. I've included a send button in my second version :)
-
Don't know how I managed to forget the send button. Thanks for the reminder!