The student will gain insight about six key concerns successful web designers will consider during the web development process.
- [Narrator] Designers often take on several roles in the web development process. For instance, while freelancers often do more UX and development along with design and business duties, designers at larger companies might have fewer responsibilities such as only focusing on creating web mock ups from another team's wire frames before handing the design files over to a group of developers who then build the site. Regardless of where your job fits into the hierarchy of web development, there are certain functions and responsibilities that all successful web designers share.
Here are six key concerns of successful web designers, which we'll explore in more detail. First, we'll talk about project goals and aesthetics. Each web project will have a set of goals which help the designer make aesthetic decisions including choosing colors, fonts, textures and patterns. They can also give the designer cues for the visual organization and layout of the content, so that it's most accessible and appealing to the target audience. Goals can be as small as giving a site a more modern look, to as specific as capturing leads, increasing conversion rates, growing advertising revenue and turning customers into brand advocates.
Third is designing for devices. Similarly, UI and UX go hand in hand with design. Good design anticipates user's needs regarding things like navigation, usability, readability, and accessibility. Scrolling is fine, but keep the content focused. Let users drill down if needed, allowing them to go off in different directions but easily return to home base. Fourth is communicating effectively. Whether you happen to work as part of a design team or deal directly with your customers, good communication is key for working effectively.
In a team setting, this includes things like sharing resources like Swatch libraries and brushes, employing uniform file naming conventions, working from a common style guide, and having clearly defined team goals. Collaboration can also create stronger solutions than working in isolation. Regular team brain storming sessions and meetings are essential so everyone in a design development team contributes to the overall look, feel, and functionality of a web project. If you happen to work solo, the way you relay information to your customer can also help foster trust and enrich the overall experience.
Fifth is accountability. Like following a code of ethics, the designer must be accountable for every decision he or she makes in the service of the project. Besides making things look good, the designer must have a thorough understanding of the project and be willing to ask him or herself some tough, objective questions before, during and at the end of the design process. Things like, does this look good? Will the design appeal to the client and their target customers? How does this design or layout hold up to the competition? Is is fresh and unique? Is it visually engaging? Easy to navigate? Does it foster positivity and address the project goals? The sixth concern is taking the bird's eye view.
As a designer it's your responsibility to consider every element of the design. There's no room for throwing things together haphazardly or without reason. At the end of a design session, take the bird's eye view and critically examine how the content fits into the overall design structure. For instance, if you have three columns each with a graphic header and short sentence, rather than letting them fill the space willy nilly, make sure they take up the same relative amount of space including uniform image sizes, the same number of lines or a reduced size for the headings, and roughly the same space or character count allotted for the paragraph text.
Also, make consistent design choices that carry through the entire website, such as styles for headings and paragraph text, banner image sizes, the use of borders, buttons, form, glyphicons and other graphic embellishments. By paying attention to the finer details of your role as designer, you'll have a greater likelihood of creating websites that resonate more deeply with your client and their customers. Be accountable. Marry the projects goals with the aesthetic sensibility.
Design with an understanding of code and the different devices that will be used to access the site. Work efficiently and communicate effectively. At the end of the process you can take the bird's eye view, and make any last minute adjustments to ensure that every element is placed with purpose.
- Understanding aesthetics
- Picking harmonious colors
- Structuring your layout
- Using space to organize your design
- Communicating with the right fonts
- Aligning objects to achieve balance
- Adding movement with scrolling and animation
- Achieving proportion by scaling objects and text
- Creating CSS for different devices