background preloader

The Anatomy of an Effective Homepage

The Anatomy of an Effective Homepage
As a general rule, your homepage will be the first encounter a visitor will have with your business. Great care, therefore, should be taken to design and structure your homepage so that readers will digest and act on your business message. Below we’ve identified certain qualities that compose an effective homepage. We recommend you spend a few minutes with this infographic to see if your homepage’s current state is effective. Click on the infographic below to view a larger image: View an enlarged version of this Infographic » Click here to download a .pdf version of this infographic. Simply copy and paste the code below into the html of your website to display the infographic presented above: Related:  HCI

What Is User Experience Design? Overview, Tools And Resources Advertisement Websites and Web applications have become progressively more complex as our industry’s technologies and methodologies advance. What used to be a one-way static medium has evolved into a very rich and interactive experience. But regardless of how much has changed in the production process, a website’s success still hinges on just one thing: how users perceive it. User experience design is all about striving to make them answer “Yes” to all of those questions. What Is User Experience? User experience (abbreviated as UX) is how a person feels when interfacing with a system. Those who work on UX (called UX designers) study and evaluate how users feel about a system, looking at such things as ease of use, perception of the value of the system, utility, efficiency in performing tasks and so forth. UX designers also look at sub-systems and processes within a system. Compared to many other disciplines, particularly Web-based systems, UX is relatively new. Why Is UX Important?

Free tutorials on HTML, CSS and PHP - Build your own website All That Glitters Is Not Gold: A Common Misconception About Designing With Data Advertisement Too often when working in information design, you’ll hear the request, “Can you make the data look cool?” “Cool” is a rather ambiguous term, and means different things to different people. Unfortunately, when working with data, the term “cool” is often directly juxtaposed with common charts like line, bar and pie, which are often relegated to the backbench, and written off as “boring.” The emphasis on the instant visual appeal of an infographic over the clarity of the presentation of data is a troubling trend that plagues the modern incarnation of the infographic. Data Visualization And The “Cool” Factor “The important criterion for a graph is not simply how fast we can see a result; rather it is whether through the use of the graph we can see something that would have been harder to see otherwise or that could not have been seen at all.”– William Cleveland, Web Application Design Handbook Data Vs. “US Gun Deaths” by Periscopic. Bar Charts Are Your Friend, Not Your Enemy

50 Places You Can Learn to Code (for Free) Online If you’re curious about learning a programming language then you’re in luck: there’s no shortage of resources for learning how to code online. University-level courses, tutorials, cheat sheets, and coding communities all offer excellent ways to pick up a new language, and maybe even a new job, too. Read on, and you’ll discover 50 great places to learn how to code, for free, online. University Many big names in education including MIT and Stanford offer programming courses, absolutely free. General If you’re just dipping your toes into programming, or you want to find a variety of resources, these sites offer several different ways to learn how to code. Community Learn how to code on these sites with a heavy community influence ready to offer help to newbs. Language Specific Drill down to the language you really want on these sites, offering expansive learning in one or two specific languages.

Treatise on User Experience Design: Part 1 | Hello Erik - User Experience @Erik_UX User experience design is the liaison between the three areas of technology, business, and design. A good UX designer will have a depth and breadth of experience in all three, not just the visual “graphic design” end or the functional “product development” end. That experience and knowledge is then filtered through the lens of not only the business, but through the user of the product as well. User experience is about being on the outside of the product looking in. A user experience designer is a detective, a scientist, and a researcher who discovers the users needs and communicates those goals to the business, technology, and design sectors. To truly accomplish the goals of “user experience,” you must reside in the interstitial space between all three. From my perspective, I see a true user experience designer as someone who has experienced the pressures and constraints of all three areas, and knows how to navigate the waters of each. 1. 2. 3. 4. 5. Don’t let that be you.

Code for Philly Workshop #56 - Code for America Philly (Philadelphia , PA November 19, 2013 · 5:00 PM Stop by Devnuts any time between 5pm and 10pm to work on your civic technology project, to discover active projects, or to begin/improve your coding skills through civic service. No memberships are required, just bring a laptop be ready to jump into something. See for a full directory of members' projects This Week Have something you'd like to share with or present to the group? Some currently active projects looking for a hand include: • LocalWiki for Philly (Wikidelphia) • • Schedule 5pm - desks open 6pm - pizza followed by community announcements/demos 10pm - commit & quit Food Drive Contribute to the n3rd st food drive this week while you're at Devnuts:

Mobile Design: Where to Get Inspiration Mobile and tablet application design is a field that has enjoyed a huge amount of development over the past few years. Finding solutions to mobile users' problems, defining the design of the right UI component and the right workflow that will work for most users can sometimes be tricky. Taking a look at what other designers do can be pretty helpful when stuck on design decisions. In this article, I will present you some galleries I use when looking for mobile design and mobile UX inspiration. Inspiration By Application Pattern (Navigation, Lists, etc.) When designing a specific module or application, finding inspiration directly related to this pattern can save you a lot of time. Some Android Only Pattern Galleries Android App Patterns Android App Patterns currently features more than 1130 screenshots arranged in mobile and tablet design. Androidux Androidux is another "Android design" pattern gallery to get inspiration from that you can browse through different category filters. Scoutzie

Landing Your Dream Job, 5 tips on becoming a self-taught programmer What you study does not determine what you will do for the rest of your life. Here’s how I went from writing marketing plans to building databases. In college, I bounced from studying one subject to another before settling on marketing. As part of a business degree, marketing seemed like a reasonable option, even though my heart was never really in it. Being a fan of Wunderlist, I checked out the jobs page and saw an opening for Community Manager. 1. The idea of learning to code is not out of the ordinary when you’re working at a tech startup. When an interim position as QA Manager opened up, I jumped at the opportunity. Then one day, I received a bug report and started to investigate myself. 2. While I wasn't out exploring my new city and enjoying a few of its renowned beers with friends, I was at home learning about computer science and the internet. 3. My thirst to learn kept growing the more I tried to satisfy it. Yet, at times, I felt a bit out of place. 4. 5.

50 Awesome Resume Designs That Will Bag The Job Editor’s note: For a newer, updated version of this post, check it out here. A recruiter just spends about six seconds on a resume – the length of a Vine video. Thus it is important to find a way to make your resume stand out of tons of other resumes, particularly when you are in design. Impressive resume designs show your potential employer that you’re full of outstanding ideas, a creative person with plenty of imagination to spare. While creative CV design may not work with an economist or a lawyer, it’s ideal for designers and artists. Self-promotion via print is a new trend these days, so design to impress. Recommended Reading: Land Your Dream Job With 25 Innovative Resume Ideas 1. Pin it 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. xsarax // CV by xsarax 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. 31. 32. 33. 34. 35. 36. 37. 38. 39. 40. 41. 42. 43. 44. 45. 46. 47. 48.

Android App Development for Beginners: Layout and UI Options, Part One Over the next few tutorials, we'll be looking in more detail at the basic layout and graphical interface aspects of the Android API. If you've been reading other tutorials in this series, you've already been creating basic layouts, buttons, and menus; now we're going to look in depth at the available layout and UI options, to give you more insight into how you can create the best visual user experience for your app. This first tutorial looks at LinearLayout, as well as at some basic concepts like element attributes. Layouts and XML: The basics The basic Android approach to layout is to set it up in XML, in a layout file that is usually found in res/layout/. The structure of an XML layout file is similar to the structure of an HTML webpage -- you can think of it as a series of nested elements, or as a tree. LinearLayout: The basics A LinearLayout is a very simple layout that just arranges all its children in either a vertical column, or a horizontal row, depending on how it is specified.

The Difference Between Information Architecture and UX Design Newsletter Sign Up Original UX articles Curated Resources Never miss an issue! Information architects form the blueprints of the web Next to explaining what I do for a living, the second question I most frequently hear is: “What’s the difference between Information Architecture and User Experience?” Information Architecture, according to Wikipedia, is “the art and science of organizing and labelling websites … to support usability.“ According to the same source, User Experience is “the way a person feels about using a product, system or service. Even with regards to its definition, User Experience takes Information Architecture as its foundation and brings it to the next level. Information Architecture concerns structure Information Architecture is a relatively old term. Information Architects work to create usable content structures out of complex sets of information. And here’s why: Information Architecture comprises only small a part of a user’s overall experience. Being easy and cool