Which one look more user friendly and inviting. Which one will you go with....... need your help anyone out there?
http://www.tenpearlsdemo.com/peerboxx/demo27/default.htm
http://www.tenpearlsdemo.com/peerboxx/demo26/default.htm
http://www.tenpearlsdemo.com/peerboxx/demo21/default.htm
Good Answers (2)
Kerrigan M.
Senior Web Designer and Developer
Best Answers in: Computer Networking (1), Web Development (1)
Design #27 has a clean, professional look with a clear visual flow from left to right: this is who we are, this is what we do, this is what you do now- ending up a clear call to action on the right. The other two are visually jumbled, with the eye being bounced around the page and the call to action much less clear. The design #26, for instance, the text "Join Now" appears immediately above "Sign In"- two conflicting actions that visually appear to be a single one. In design #27, the visual hierarchy of the information is adjusted to make this less confusing- although I would still suggest you more closely connect the "Join Now" text with the "Sign Up" button. And *please*, never use "Click Here" as button text. Use as text what the button will actually *do*. "Create Page", perhaps.
Links:
Wendy S.
Director of Instructional Design at Northern State University
Best Answers in: Education and Schools (2), Resume Writing (1), Communication and Public Speaking (1), Professional Networking (1)
26 - has more color and it is mostly on the screen without scrolling.
Wendy
More Answers (6)
21 logo but with layout of 26, not sure about the header logo on any of them though!
Chris S.
Genealogical researcher, writer, and presenter.
Best Answers in: Job Search (2), Using LinkedIn (1)
If it's only between those three, I would choose 21. Just my $.02 on possible changes to improve 21:
I like the people/puzzle design of 21 better, although I would suggest incorporating the bold colors used in the other two designs. (Plus the guy in the back looks like he's flipping someone off, lol)
Also, "Connect with people like you..." from 21 sounds better, more like a friendly invitation than 26's "Join now..."
In the 21 header, I like the box logo, but you may want to refine the "Peer" text to make it jump out a little more. I would also simplify the text above the people, as it's a little visually confusing with the different sizes and colors.
Hope this helps!
David B.
Accomplished Web Team Manager - Web Performance Analyst - Advanced Markup Coder
Best Answers in: Web Development (9), Staffing and Recruiting (1), Graphic Design (1), Software Development (1), Using LinkedIn (1)
I would choose 27 for any business site because it is easily converted to CSS/HTML and is scalable for pages beyond the home page - the wire-frame graphics can be tiled which keeps them small and unobtrusive.
It can also be converted to a three-column header/footer layout with text-based tabbed navigation using a "sliding doors" technique.
The basic wire-frame page layout allows for text blocks and other media content,and most important, it allows for semantic markup using headers, paragraphs and lists.
26 and 21 may visually look nice, but they cannot be converted to html easily without using old school graphic heavy techniques (obsolete).
Among other things, just trying to get those forms to look the same in a cross-browser/platform environment is impossible - forms should not be "designed" because how they look for the most part is dictated by the browser and platform. CSS allows for some form styling control, but it is limited.
When creating a concept, consider how it looks beyond the home page. Once inside the site you need to allow for columns with blocks and headers/footers. Will the navigation be tabbed? What about breadcrumbs and page titles?
I could work with 27 as a basic wireframe and modify whatever I need in a column/block from page to page.
But 26 and 21 will never look as designed (by anyone), and that could cause problems if a CEO is pitched, and likes, a specific design that was not run by the people who have to actually convert it to the web.
27 hands down - clean and precise. The others are too skype-e with the clouds. As far as your logo is concerned get pen & paper out, draw a font type that you like, scan and vectorise.
Ross D.
IT Manager/Digital Forensic Investigator at Keith Borer Consultants
Best Answers in: Lead Generation (1), Business Analytics (1), Enterprise Software (1), Computers and Software (1)
I'd choose 21, although it depends on your intended audience. 27 would seem slightly more kiddyish, aimed at the facebook generation, while 27 looks nice and professional.
Polina T.
Sr. Information Architect, UX & Usability Consultant
Best Answers in: Graphic Design (1), Using LinkedIn (1)
21 - its inline with the trend of social network sites (as of right now anyways). You might want to address tiling issue with the header background (its not aligning the pattern correctly...)
As far as professional or not goes: if you need to make #21 it a bit more professional to target similar audience lets say such as: LinkedIn; simply change the image of dancing dudes to something a bit more business-focused or replace it with marketing message, and take out the ornaments in the corner of the curves... and u'r set with more professional design.
Hope this helps.
