| |
| click here for pdf version with alternate introduction |
| |
| Introduction |
| Creating this web portfolio has been challenging and fun. I have learned how to use web-authoring software, specifically Dreamweaver, and employed concepts (the CRAP design principles for example) from previous class projects. Throughout the process, I had to keep in mind the purpose of the web portfolio and its potential audience. These two considerations guided my selection of portfolio pieces as well as the overall design of the website, including the logo and page layout. This memo discusses in detail how I applied the guidelines of the six, layered literacies to design and create my web portfolio to best fulfill its purpose and meet the needs of my audience. |
| Basic Literacy |
I based my website design on the basic principles we studied in class: contrast, repetition, alignment, and proximity. I wanted to keep the look clean and professional, so I chose to use a very limited color palette (blue, grey, white and a bit of red). Throughout the portfolio, I made sure that the text was legible by providing adequate contrast and avoiding hard to read color combinations. The most difficult part of the whole design process was coming up with a logo. I had never designed a logo before. My general vision for the logo was to have my name spelled out completely with the Q of my last name being reflected somehow. After a few days of working with InDesign and finally figuring out how to create a colored gradient background, I created my logo. I wanted it to appear on each page throughout the portfolio to add consistency. However the logo design tended to draw the eye away from anything else on the page. In my husband’s opinion it was attractive, but it was also distracting and contextually unsuitable. So, I went back to the drawing board and spent a couple of class periods tweaking the design and creating a more subtle and professional looking logo. The new logo also alleviated certain difficulties I had been having with alignment.
For my portfolio pieces, I chose projects that demonstrated my ability to use different software programs. Represented in my portfolio are MS Word and PP, Adobe InDesign and Photoshop. My portfolio pieces also represent a variety of document types: an empirical research report/fact sheet, an EPA project report, an instruction set, a powerpoint presentation, and a website redesign proposal. |
| Rhetorical Literacy |
The entire design of my web portfolio was based on the needs of potential users. There is a very basic left alignment and clearly visible menu/navigation bar. I didn’t include lots of extra information—mainly because I was trying to keep it simple (easy to use) and make it look professional. I was imagining my current boss looking at the portfolio and his reaction to it. I included links to previous places of employment (resume and projects pages) in case users were interested in finding out more about them. I also included rollover images in the menu bar to be sure my audience knew they were active links (I am fond of menu/navigation bars that respond to the mouse).
I demonstrate my personality in the paragraphs on the welcome page and the about me page. I wanted to keep these short and friendly, sometimes a little humorous. The other pages of the site are quite professional and straightforward. In general, the site conveys the fact that I am organized and that I can create aesthetically pleasing design. |
| Technological Literacy |
My web portfolio should demonstrate my ability to use InDesign, Photoshop and Dreamweaver. Previous class projects gave me the chance to dabble in InDesign and Photoshop, but using them over and over to create elements of my web portfolio has given me a familiarity and comfort with both programs that I did not have before. Creating a logo—a seemingly simple task—took hours, even days. But I was able to figure out on my own how to use certain features of both InDesign (creating a color gradient, gradient tool) and Photoshop (saving for web, using the unsharp mask). This knowledge will be very useful to me in future classes and future jobs.
I have had lots of assistance from my instructor in using Dreamweaver. Her help has been invaluable. There are, however, some aspects of the program that I did figure out on my own. How to insert a horizontal rule, use bullets, and add special fonts are a few examples. I also had to figure out how to use tables within tables to create an effective layout; this was particularly true for the creation of my html resume. |
| Critical Literacy |
As mentioned earlier, I solicited the opinion of my husband regarding the basic design of my first logo. His response greatly affected the finished look of my web portfolio. His assessment was a little hard to take at first, but I realized that he had a valid point: the initial logo design detracted from the content of each page. I also consulted some of my English 3400 classmates regarding the content of my portfolio. Their suggestions and ideas were beneficial. I have proofread and revised the text throughout the portfolio and have viewed it several times in Explorer and Firefox to test the links and check the appearance. For some reason, certain elements of my web portfolio look better in Firefox (resume, projects page) and some look better in Explorer (the menu bar stays in the same place, whereas in Firefox it jumps around a bit).
As for the documents contained within the portfolio, all have undergone some sort of secondary assessment. The empirical research report was well received by my English 3400 professor; she gave it full marks. The InDesign instruction set was tested by fellow classmates and revised according to their comments before being submitted as a final document. The UACD final project report is still a work in progress, but the initial review praised it and gave only a few suggestions to improve its technical merit. The website redesign proposal and the iTunes PP presentation were submitted for my 3410 professor’s review and received good marks. The iTunes presentation also received positive feedback, particularly regarding the design, when it was presented in class for our peers. |
| Social Literacy |
| I included three group projects in my portfolio: the InDesign Instruction Set, the iTunes PP presentation, and the UACD final report. I had positive collaborative experiences while working on all three of these projects. Perhaps the greatest obstacle in teamwork is trying to combine the varying visions each team member has of what the finished product should look like. As a team member, I enjoyed contributing my ideas but also tried to thoughtfully consider the opinions of my partners. I think the goal with group projects is to balance each team member’s best contributions. The projects in this portfolio demonstrate that I was able to work well within a group and contribute to its success. I could have done more to incorporate the ideas of my fellow team members in the iTunes PP presentation. None of us had much experience creating PP presentations and we were a little stuck coming up with a good look for our slide show. So I stayed up late one night and reworked each slide’s layout on my own; the team was pleased with the finished product, but I regretted not having had the time to do the redesign together. I like working as part of a team and the fact that half of the samples in my portfolio are group projects shows that I am pleased with the work I’ve produced as part of a team.
|
| Ethical Literacy |
Included in my portfolio is an EPA final project report created by UACD. I consulted my boss at UACD to be sure I could include this document in my portfolio. I also had to indicate that I did not create this document from scratch, but rather used the outline of a similar final project report as a foundation. I also consulted and took information from the project proposal. My work involved compiling required information from reports and proposals previously written by others, writing final evaluations of the project’s accomplishments, and editing the entire report.
For the empirical research report I conducted two interviews with professionals in the environmental science field. I asked their permission before I documented comments they made or views they expressed during those interviews. Both individuals made important statements that I refer to and cite in the report. I also made sure to appropriately document all other sources I used for the report.
|
| Conclusion |
| As I look back at where I was at the beginning of the semester in terms of experience with different software programs and understanding design principles, I see that I have learned a great deal. I have built upon my prior experiences using Photoshop and InDesign and now feel very comfortable using these programs. I learned that good design requires contrast, repetition, alignment, and proximity (I won’t ever forget that, thanks to CRAP). I’ve also been reminded throughout the class to always consider the audience and the purpose of what I am writing/designing. Creating the web portfolio has been the culmination of everything I’ve learned in class and has expanded my understanding of the layered literacies. |
|
|