We have put into practice development in HTML and CSS. Semantic markup, styling declarations, and behavioral scripts are important to frontend development. Additionally, we must take strides beyond the technical to build a successful communication tool. Mediated communication on the web is shaped by the social structures that have developed along with the technical infrastructure.
As front end developers we must focus on accessibility, interface design, and user experience to build effective and professional tools. Aim to understand and participate in the open social structures that emerge from growing technology. Learn to embrace innovation. Plan by creating personas and researching your audience. Track the usage of your tools and make adjustments based on evaluation. Know the rules and standards, so you'll know when and how to break them.
Development of a successful project will encompass many goals. Be cognizant of how and where the below are achieved in your design.
You have been selected to create a simple yet effective website designed to the best of your ability. You have quested through the basics of web design and discovered many new concepts and skills along the way. Some of you have reinforced old skills and are continuing your journey as a developer. It's come time to step up to the challenge of this EPIC QUEST and make a difference in the community that you live.
If you already have a website, great! Already developed sites will not be accepted as a substitution for this project, you must design something fresh. Knowledge in the content or discipline you develop will be the key to success! Ensure you are selecting something you know about or are willing to research in depth.
This will be worth 1/3 of your entire grade! But are you doing this for a dinky grade? NO. Do this to show off your badassery as a communicator!
You will be creating various items throughout this EPIC QUEST and your attendance is required. Missing class means you will lose points. Missing deadlines means you will fall behind and lose more points. Coming to class will help you stay on track and ensure you are on the right track to success. Check the schedule for what is due and when (seriously, you can do this on your phone!)
Your web site must be of a professional nature related to your area of study, serving some useful purpose to a business, organization, or user community. Your web site needs to include at least two pages of information chunked into at least two separate web pages. Look around the web to get some ideas for your project. Don't make a derivative though, BE CREATIVE!)
Coming up with a great idea for a web site can be challenging. It must be general enough so that you can have a sizeable information architecture, but niche enough to make a difference. Look for the balance.
Consider the following possibilities keeping in mind that your topic has to include at least two pages:
*Unfortunately building the next great social network or other type of interactive site is outside of the scope of this quest. We only touched on computer programming, so such sites cannot be fully realized in this scenario.(Unless you are Honey Badger, because as we all know Honey Badger don't care!)
Thanks for a great semester! -Adam ampocius (a) gmail (dot) com
Time to embark on a journey as a professional web developer!
Start scratching that noggin, you have to pick a topic soon. Take a peak at the website to get your bearings, then talk to your neighbor and get to thinking what you are going to develop. I'm not going to approve an idea unless I think you can pull it off, so make sure that you make an informed and smart decision.
It's time to get a feeling for your audience and how they plan on using your web site.
One of the first steps in understanding how to proceed with design is by identifying your target market. No design will work for everyone and so it will be crucial to identify your customers and how they will benefit from your product or service. One mistake, is to think too broadly about the audience. Instead identify your niche and find the audience that will clearly fit your specific goals. Once you have the target audience nailed down, you can start thinking of personas.
Yeah it feels weird. We are creating fictional profiles of our perceived web site users. This exercise is beneficial for many reasons, and it can really get developers thinking outside the box. The ability to look at a project from a broader perspective strengthens the understanding of the overall user experience. When you start looking at any web site, start imagining all the users that will interact from a unique perspective. Let's take a look at a practical example. If you are designing a home page of a university website such as CSU-Pueblo, "Who would be your various users?" When looking at the users you listed, "Name some personalities traits those users might have?"
Once you start developing a list of users, you can prioritize them into types. In each of the various groups, you will start discovering the primary personas that should be addressed in your web site. In the end you should have three to four personas that can be developed to summarize the characteristics, needs, motivations, and environment your key web site users.
Well look at you! We had great conversation in regard to what web design ideas will be accomplished over the next few weeks. Time to get to task.
Having a single concrete plan to follow is crucial to success. Setting guidelines and having concise goals to follow will keep your project on track (and can help circumvent nasty little things like scope creep). Aside from planning the project parameters, you will have to start preparing the basics on the technical side. In the scenario we are running, you are a hybrid of the client AND the developer. Your project will encompass much of your own input, but must still be a viable community resource. In the end, your 'payment' will come in the form of a grade. Be sure to focus on making a great plan. All the activities in the TO DO section must be turned in as a complete packet.
Now it is time to start putting your web design skills into action!
Web design (or design in general) is a complicated process, but when distilled down to its separate parts it is very manageable. In the prior few classes, we have worked through the planning and pre-production necessary to guide us through this EPIC QUEST. Now let's be real about something, this is probably your first attempt at creating a web site from start to finish (pre-production included). What you will find is that all the initial work was tough. You had to do research, mock up designs, and think about interface design before you were able to settle on what seemingly worked best. Now it is time to put your planning into action!
Since you are going to be following the topic brief, site map, and wireframes you should have a good idea as to what your site is going to look and feel like. Furthermore, the audience research and personas should paint a better picture as to who you expect to visit your site. Now it is obvious that the scope of what we are trying to achieve has been compressed into a mere few weeks. Each of the components we have worked through to this point could warrant an entire class to achieve optimum results. Getting your feet wet in the process of design will help strengthen immensely your skills going forth. I expect that you use the time allotted over the next two weeks to really buckle down and produce an awesome website. Let's get this done!
Development is wrapping up and we are looking to get this site launched!
When creating a website it is easy to forget the little details. Today you are going to start ensuring that all your tags and attributes are setup correctly (or are even there at all.) Take a look around your peer sites and give them some feedback as to what you think.
Get your tray table in its upright an lock position. It's time to present the work you have been doing during this EPIC QUEST!