{"id":159,"date":"2015-07-21T21:33:13","date_gmt":"2015-07-21T21:33:13","guid":{"rendered":"https:\/\/courses.candelalearning.com\/styleforstudents\/?post_type=chapter&#038;p=159"},"modified":"2015-07-21T21:33:13","modified_gmt":"2015-07-21T21:33:13","slug":"online-portfolios","status":"publish","type":"chapter","link":"https:\/\/courses.lumenlearning.com\/suny-hccc-styleforstudents-1\/chapter\/online-portfolios\/","title":{"raw":"Online Portfolios","rendered":"Online Portfolios"},"content":{"raw":"<div id=\"node-1982\" class=\"node\">\r\n<div class=\"content clear-block\">\r\n\r\nWhen an artist is asked about her work, she can dig into an oversized folder and slap down photographs or sketches that she feels best represent her artistic prowess. When a teacher is seeking a job, he can trot out, in paper form, his evaluations from student teaching, his lesson plans, and his written philosophy about education.\r\n\r\nBy comparison, how can a scientist or engineer, equipped with an armload of skills and bucketfuls of experience, effectively present this background to a potential employer, in a way that is personal, relevant, interesting, and cohesive? Answer: an online portfolio.\r\n\r\nFields such as fine arts and education enjoy a long-standing tradition of portable portfolios as vehicles to showcase a student\u2019s best work. Now, thanks to the lightning-fast information age, where details can be zipped across virtual space and both text and graphics can be rendered in neat, downloadable packages, all students can readily create online portfolios that they feel best represent their work and their lives. Essentially, an online portfolio is a series of linked webpages uploaded and maintained by the student\u2014pages that represent the student both personally and professionally. An online portfolio is your chance to work with cache\u2014a storage buffer in a computer\u2019s CPU\u2014and to create cachet\u2014a personal insignia representing your individuality and quality.\r\n\r\nPublishing an online portfolio isn\u2019t just fun and creative\u2014it\u2019s quickly becoming common practice for the best students in a program. Schools are now coaxing students to start creating portfolios as early as their first year of study, and they\u2019re hiring support staff and posting pages to be sure students have the tools they need to publish their work online. As described in most literature on the subject, preparing an online portfolio boils down to a three-step process: Collect, Select, and Reflect. Collection involves amassing your evidence and beginning to launch it into cyberspace; selection means culling the best pieces from your evidence; reflection is your opportunity to ponder and explain the choices you made about your portfolio pieces and even your life choices. And as you publish your portfolio online, following some basic principles of design will help ensure that your work makes an effective splash. The result is an organized virtual space where friends, family, and employers can gaze through a public window to catch intriguing glimpses of your online world.\r\n<h2>Collect: Gathering the Parts of Your Portfolio<\/h2>\r\nThink of your college experiences as a living mosaic. You\u2019ve spent years completing diverse tasks or creating \u201csnapshots\u201d of your work: fine-tuning a project design, performing research, writing papers or memos, composing a resume, participating in group work, writing co-op reports, learning graphics packages, and earning grades. All of these experiences make for worthy candidates for your portfolio. You\u2019ve also spent years gathering more personal \u201csnapshots\u201d: IM sports participation, photographs of friends and pets, bookmarks of favorite websites, personal accomplishments, inspiring quotations, journal writings, society membership, awards, and hobbies. These are equally worthy candidates for a portfolio. Your collection process begins with you mentally cataloging each piece of the mosaic and deciding how to use it.\r\n\r\nMost students begin to collect material for their portfolios by thinking of the work they\u2019ve done as a printed product. With the professional resume being the most common and efficient standard of printable evidence available, almost all portfolios include an updated resume, perhaps downloadable as a pdf file. In fact, you might begin your portfolio simply by uploading your resume just to get you started, since the resume tends to be a critical cornerstone to the whole package. Portfolio writers also typically upload sample essays or reports they\u2019ve written\u2014again these are common standards by which all students are judged. However, more creative students think about additional pieces of \u201cprintable\u201d evidence for their portfolios\u2014pieces that stress the student\u2019s skills as a communicator, a consultant, an engineer, a designer. Among the online portfolios I\u2019ve seen, students have presented their Excel-based designs for everything from a coffee mug to a Battlebot; a copy of a Powerpoint presentation or an effective letter they wrote to the campus newspaper editor; the daily construction site logs they kept while completing an internship; scanned copies of handwritten evaluations they received from their co-op supervisor; even a sample family newsletter that they edited. Such pieces of evidence are usually presented essentially as they would look in a hard copy, thus inviting the viewer to print them off or read them right in the browser.\r\n\r\nFor those willing to think even further outside the box, portfolio contents can reflect such personal attributes as oral communication skills, reliability and aptitude for planning, creativity and innovation, level of community service, willingness to travel, quality of judgment, and even social responsibility. Some students create videos of themselves giving a speech or participating in a debate; others present tables that chart their course selection for each school year as a kind of \u201cplanning matrix,\u201d listing the competencies they achieved as part of those particular courses. Still others offer pictures of themselves that they think will demonstrate those more personal assets that all employers are interested in, using photograph captions to define how they have developed intercultural awareness (\u201cHere I am in a village in France, chatting with locals about. . .\u201d), or why they believe in volunteerism (\u201cThis Habitat for Humanity project helped three families . . .\u201d), or showing they have a sense of humor (\u201cThis is me, last Halloween, as Austin Powers.\u201d) In one portfolio I found online, the student included the gutsy invitation, \u201cClick here if you dare to experience my singing voice,\u201d linked to an mp3 of him crooning away in his dorm room. (He had a pretty good voice, actually.)\r\n<h2>Select: Choosing the Best Evidence<\/h2>\r\nWhen selecting material to include in your portfolio, the first principle you should consider is privacy and suitability. You should only upload material that you would like to be directly associated with your name, and you must carefully consider whether you want to give out personal information such as a mailing address or phone number (giving out your e-mail address is, of course, pretty standard). Some portfolio writers are even hesitant to put photos of themselves online (though others bravely display their prom pictures, no matter how cheesy the tux or how high the hair-do). If you\u2019re especially concerned about privacy, you could cloak your portfolio contents by keeping the material password protected, and you must always be careful not to give out highly private information that others could use, such as your social security number. A final point about privacy is that it works both ways\u2014you must respect the privacy of others as well. This means that you shouldn\u2019t link to the pages of other individuals you know without their permission, and you also must attribute credit to any sources that you use, especially when borrowing material from someone else\u2019s website or posting copyrighted images.\r\n\r\nSecondly, to give your portfolio coherence and continuity, try to think of all the material you select as pieces of unified evidence arguing the case that you\u2019re worth taking an interest in. Essentially, select material that inspires people to read and browse through your work, and choose artifacts that will demonstrate your growth over time (e.g., a paper from an introductory class as well as a senior thesis). Adopt an upbeat, welcoming tone (\u201cIn these pages, you\u2019ll discover exactly what makes me tick\u201d), but also maintain enough professionalism to keep an employer\u2019s critical eye locked on your pages. Among the many portfolios I\u2019ve browsed through, I\u2019ve seen students take foolish risks such as publishing potentially embarrassing photographs (here I am, mooning my roommates), letting serious typos slip by (\u201cBachelor of Sciwence in Engginerring\u201d), or revealing information that is too personal or leaves them open to judgment (\u201cI\u2019ve tried every beer on this list of 50 at least once, and some of them way too many times.\u201d). To emphasize the point of suitability, I\u2019ve heard one instructor comment that you should only post something online if you\u2019d be willing to show it to your grandmother. Though most students wouldn\u2019t go this far (and presumably most grandmothers would be pretty forgiving anyway), perhaps a good benchmark is that you only post material that you can be proud of a year from now, especially if you intend to advertise the URL to employers.\r\n\r\nFinally, when selecting material, recognize the value of piggybacking. In addition to posting pages such as your home page, your resume, essays and reports, project designs, and photos, keep in mind that you can readily link your pages to those that others have created. Where logical, provide relevant links to your program or course descriptions, personal organizations with which you\u2019re affiliated, or pages that reflect your hobbies and personal interests.\r\n<h2>Reflect: Being True to Yourself while Considering How You Come Across to Others<\/h2>\r\nGood reflective writing is about reviewing what you\u2019ve accomplished (or even what you\u2019d like to accomplish someday) and projecting value. Students in technical fields often shy away from the concept of reflective writing, either out of unfamiliarity or because they hesitate to make private reflections public; yet reflective writing is standard and natural to most online portfolios. In fact, smart students realize that the portfolio is the safest place for reflective writing, in that it\u2019s inappropriate to make subjective, personal comments in a technical paper, resume, or cover letter, while it makes perfect sense in a portfolio. In an online\u00a0portfolio, you have the space and opportunity to share your thoughts on everything from your personal passions to discussing how you performed in a particular course. The rules for such reflection are flexible, but there are some rules nevertheless.\r\n\r\nThe first rule I recommend is being selective about where the reflection occurs, and how much of it you use. Reflecting about coursework right on your downloadable resume is neither conventional nor efficient, while trying to reflect on every single course you\u2019ve taken as a student would be overwhelming both for you and your reader. However, creating a page that summarizes your experience and reflecting briefly on the value of each experience as you describe it makes perfect sense. (\u201cI valued this job because it taught me how to analyze the network configuration needs of a small business.\u201d \u201cThis class taught me to use cascading style sheets\u2014something I will apply to my future web designs.\u201d)\r\n\r\nA second rule for good reflective writing is that it has a purpose both for you and your audience. Both you and your audience should be interested in commentary about why you chose your particular major, relationships (or the lack of them) that you see between your coursework and experience, and what sets you apart from others in terms of both training and life choices. In giving examples, especially related to your education, offer those that will demonstrate learning, change, empowerment, self-development, problem-solving, and results. Good examples are concrete, providing names, lists, scenarios, dates, definitions, etc. In the portfolios that I\u2019ve reviewed, one student wrote an essay reflecting on how her intercultural understanding had been shaped by a year abroad, while another student wrote a few short poems defining his interest in engineering, and even created a sketch to accompany each poem. Still another student took an even bolder stroke\u2014writing about lessons she\u2019d learned about teamwork after being reprimanded by a co-op supervisor for working too independently. What these students are doing in the process of reflection is not only taking stock of their personal assessment of their growth, they\u2019re also preparing themselves for the toughest of interview questions. (\u201cTell me about the greatest challenge you\u2019ve faced in life.\u201d \u201cArgue to me how your education prepared you to work at our company.\u201d) Ultimately, effective reflection online is about learning to speak well in the company of others.\r\n\r\nFinally, look for opportunities to write reflective comments on any major portion of your portfolio, including the resume, papers and projects, photography, etc. The bottom line: If it\u2019s worth a menu-based category in your e-portfolio, it\u2019s probably worth reflective commentary.\r\n<h2>Principles of Portfolio Design<\/h2>\r\nAlthough the design of online portfolios can vary greatly, especially depending on the computer skills of the creator, I\u2019ve found that the best portfolios share three traits: unity, navigability, and simplicity.\r\n\r\nThe more unified the pages of your portfolio are, the more likely we are to dwell there. Come up with a basic design and background for each page that is repeated on other pages, and keep associated items parallel with each other from one page to the next. Use headings for short blocks of text, and when you do need to use long blocks of text such as in a complete essay, provide a ready means for us to return to the root pages of your portfolio. If you\u2019re handy with Dreamweaver or Frontpage, you can set up your portfolio so that when we exit to visit outside pages that you\u2019ve linked to, these pages will open in a separate new window\u2014thus when we click them closed we automatically return to your portfolio.\r\n\r\nWith these principles in mind, a unified design for one set of pages might go something like this: The page is entitled \u201cMy Design Projects,\u201d and it describes four projects you were involved in as part of your classwork and work experience. Each project has a short heading, written in boldfaced red text, followed by a short project description (just 3-4 lines long, in black text), and at the end of each description is the clickable line, \u201cClick here to visit the project page.\u201d Between each description is a solid black line to enhance separation, and the background is white so that all text readily stands out. Also, at the left of each of these descriptions is a small screenshot (also clickable) of the page we\u2019d visit to find out more about the associated project. Once we click to go into a specific project page, we see a \u201cClick here to return to My Design Projects page\u201d and a \u201cClick here to return to my homepage\u201d link at the top of the page. This basic form is repeated on other associated pages, and thus we have a strong sense of unity to your portfolio no matter what pages we are visiting.\r\n\r\nAssuming a unified portfolio, one of the best ways to aid users in navigation is also the simplest\u2014use icons and menus. We\u2019re used to thinking of icons as clickable, and we intuitively use menus\u2014whether they appear at the top of the page or on the left side\u2014to help us quickly drive through cyberspace. Many portfolio writers make sure the same clickable menu appears at the top of each portfolio page, with typical menu contents including simple, rapidly identifiable terms such as \u201cHome,\u201d \u201cResume,\u201d \u201cMajor,\u201d \u201cProjects,\u201d \u201cCoursework,\u201d Computer Skills,\u201d \u201cWork Experience,\u201d \u201cInterests.\u201d\r\n\r\nBeyond a menu or icon-driven strategy, you make your pages easier to navigate by creating a clear visual hierarchy on each page, by avoiding root pages that require a large amount of scrolling, and making sure that we have clickable links readily available on every page. Most portfolio designers also avoid using frames, in that they create multiple scrollbars on the same page, and you run the risk of having your viewer miss one of the scrollbars or becoming confused about how the frames are related. Also, if your portfolio is optimized for a particular version of Netscape, Explorer, or Firefox, you should make your reader aware of that fact right on your homepage, and perhaps even provide a clickable link where the appropriate software can be downloaded.\r\n\r\nFinally, you\u2019ve probably come across Thoreau\u2019s edict to \u201csimplify, simplify,\u201d and we\u2019re all familiar with the KISS principle. Many portfolio creators violate that basic principle to \u201ckeep it simple, stupid.\u201d Too many are tempted by the\u00a0trappings of the web, filling their pages with cute but tiresome animations, too many different blaring colors (called an \u201cangry fruit salad\u201d by web designers), and slow-loading, distracting backgrounds. Such tactics merely increase the odds that we\u2019ll turn away from your pages. Ultimately, the best portfolios are those most artfully simple in design, welcoming us at a glance to sit back, relax, click, and spend some virtual time with you.\r\n<div style=\"margin: 20px; background: #a9bcf5 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; padding: 10px;\">\r\n<h3>Self-Study<\/h3>\r\nIn creating and designing an online portfolio, you are never alone. Visit these university websites for design ideas and samples:\r\n\r\n<a href=\"http:\/\/portfolio.psu.edu\/resources.html\" target=\"_blank\">Resources for creating e-portfolios from Penn State<\/a>\r\n\r\n<a href=\"http:\/\/channelcontent.dal.ca\/portfolio\/over_01.html\" target=\"_blank\">\u201cMy.ePortfolio Overview\u201d pages from Dalhouse University<\/a>\r\n\r\n<\/div>\r\n<\/div>\r\n<div class=\"clear-block\"><\/div>\r\n<\/div>","rendered":"<div id=\"node-1982\" class=\"node\">\n<div class=\"content clear-block\">\n<p>When an artist is asked about her work, she can dig into an oversized folder and slap down photographs or sketches that she feels best represent her artistic prowess. When a teacher is seeking a job, he can trot out, in paper form, his evaluations from student teaching, his lesson plans, and his written philosophy about education.<\/p>\n<p>By comparison, how can a scientist or engineer, equipped with an armload of skills and bucketfuls of experience, effectively present this background to a potential employer, in a way that is personal, relevant, interesting, and cohesive? Answer: an online portfolio.<\/p>\n<p>Fields such as fine arts and education enjoy a long-standing tradition of portable portfolios as vehicles to showcase a student\u2019s best work. Now, thanks to the lightning-fast information age, where details can be zipped across virtual space and both text and graphics can be rendered in neat, downloadable packages, all students can readily create online portfolios that they feel best represent their work and their lives. Essentially, an online portfolio is a series of linked webpages uploaded and maintained by the student\u2014pages that represent the student both personally and professionally. An online portfolio is your chance to work with cache\u2014a storage buffer in a computer\u2019s CPU\u2014and to create cachet\u2014a personal insignia representing your individuality and quality.<\/p>\n<p>Publishing an online portfolio isn\u2019t just fun and creative\u2014it\u2019s quickly becoming common practice for the best students in a program. Schools are now coaxing students to start creating portfolios as early as their first year of study, and they\u2019re hiring support staff and posting pages to be sure students have the tools they need to publish their work online. As described in most literature on the subject, preparing an online portfolio boils down to a three-step process: Collect, Select, and Reflect. Collection involves amassing your evidence and beginning to launch it into cyberspace; selection means culling the best pieces from your evidence; reflection is your opportunity to ponder and explain the choices you made about your portfolio pieces and even your life choices. And as you publish your portfolio online, following some basic principles of design will help ensure that your work makes an effective splash. The result is an organized virtual space where friends, family, and employers can gaze through a public window to catch intriguing glimpses of your online world.<\/p>\n<h2>Collect: Gathering the Parts of Your Portfolio<\/h2>\n<p>Think of your college experiences as a living mosaic. You\u2019ve spent years completing diverse tasks or creating \u201csnapshots\u201d of your work: fine-tuning a project design, performing research, writing papers or memos, composing a resume, participating in group work, writing co-op reports, learning graphics packages, and earning grades. All of these experiences make for worthy candidates for your portfolio. You\u2019ve also spent years gathering more personal \u201csnapshots\u201d: IM sports participation, photographs of friends and pets, bookmarks of favorite websites, personal accomplishments, inspiring quotations, journal writings, society membership, awards, and hobbies. These are equally worthy candidates for a portfolio. Your collection process begins with you mentally cataloging each piece of the mosaic and deciding how to use it.<\/p>\n<p>Most students begin to collect material for their portfolios by thinking of the work they\u2019ve done as a printed product. With the professional resume being the most common and efficient standard of printable evidence available, almost all portfolios include an updated resume, perhaps downloadable as a pdf file. In fact, you might begin your portfolio simply by uploading your resume just to get you started, since the resume tends to be a critical cornerstone to the whole package. Portfolio writers also typically upload sample essays or reports they\u2019ve written\u2014again these are common standards by which all students are judged. However, more creative students think about additional pieces of \u201cprintable\u201d evidence for their portfolios\u2014pieces that stress the student\u2019s skills as a communicator, a consultant, an engineer, a designer. Among the online portfolios I\u2019ve seen, students have presented their Excel-based designs for everything from a coffee mug to a Battlebot; a copy of a Powerpoint presentation or an effective letter they wrote to the campus newspaper editor; the daily construction site logs they kept while completing an internship; scanned copies of handwritten evaluations they received from their co-op supervisor; even a sample family newsletter that they edited. Such pieces of evidence are usually presented essentially as they would look in a hard copy, thus inviting the viewer to print them off or read them right in the browser.<\/p>\n<p>For those willing to think even further outside the box, portfolio contents can reflect such personal attributes as oral communication skills, reliability and aptitude for planning, creativity and innovation, level of community service, willingness to travel, quality of judgment, and even social responsibility. Some students create videos of themselves giving a speech or participating in a debate; others present tables that chart their course selection for each school year as a kind of \u201cplanning matrix,\u201d listing the competencies they achieved as part of those particular courses. Still others offer pictures of themselves that they think will demonstrate those more personal assets that all employers are interested in, using photograph captions to define how they have developed intercultural awareness (\u201cHere I am in a village in France, chatting with locals about. . .\u201d), or why they believe in volunteerism (\u201cThis Habitat for Humanity project helped three families . . .\u201d), or showing they have a sense of humor (\u201cThis is me, last Halloween, as Austin Powers.\u201d) In one portfolio I found online, the student included the gutsy invitation, \u201cClick here if you dare to experience my singing voice,\u201d linked to an mp3 of him crooning away in his dorm room. (He had a pretty good voice, actually.)<\/p>\n<h2>Select: Choosing the Best Evidence<\/h2>\n<p>When selecting material to include in your portfolio, the first principle you should consider is privacy and suitability. You should only upload material that you would like to be directly associated with your name, and you must carefully consider whether you want to give out personal information such as a mailing address or phone number (giving out your e-mail address is, of course, pretty standard). Some portfolio writers are even hesitant to put photos of themselves online (though others bravely display their prom pictures, no matter how cheesy the tux or how high the hair-do). If you\u2019re especially concerned about privacy, you could cloak your portfolio contents by keeping the material password protected, and you must always be careful not to give out highly private information that others could use, such as your social security number. A final point about privacy is that it works both ways\u2014you must respect the privacy of others as well. This means that you shouldn\u2019t link to the pages of other individuals you know without their permission, and you also must attribute credit to any sources that you use, especially when borrowing material from someone else\u2019s website or posting copyrighted images.<\/p>\n<p>Secondly, to give your portfolio coherence and continuity, try to think of all the material you select as pieces of unified evidence arguing the case that you\u2019re worth taking an interest in. Essentially, select material that inspires people to read and browse through your work, and choose artifacts that will demonstrate your growth over time (e.g., a paper from an introductory class as well as a senior thesis). Adopt an upbeat, welcoming tone (\u201cIn these pages, you\u2019ll discover exactly what makes me tick\u201d), but also maintain enough professionalism to keep an employer\u2019s critical eye locked on your pages. Among the many portfolios I\u2019ve browsed through, I\u2019ve seen students take foolish risks such as publishing potentially embarrassing photographs (here I am, mooning my roommates), letting serious typos slip by (\u201cBachelor of Sciwence in Engginerring\u201d), or revealing information that is too personal or leaves them open to judgment (\u201cI\u2019ve tried every beer on this list of 50 at least once, and some of them way too many times.\u201d). To emphasize the point of suitability, I\u2019ve heard one instructor comment that you should only post something online if you\u2019d be willing to show it to your grandmother. Though most students wouldn\u2019t go this far (and presumably most grandmothers would be pretty forgiving anyway), perhaps a good benchmark is that you only post material that you can be proud of a year from now, especially if you intend to advertise the URL to employers.<\/p>\n<p>Finally, when selecting material, recognize the value of piggybacking. In addition to posting pages such as your home page, your resume, essays and reports, project designs, and photos, keep in mind that you can readily link your pages to those that others have created. Where logical, provide relevant links to your program or course descriptions, personal organizations with which you\u2019re affiliated, or pages that reflect your hobbies and personal interests.<\/p>\n<h2>Reflect: Being True to Yourself while Considering How You Come Across to Others<\/h2>\n<p>Good reflective writing is about reviewing what you\u2019ve accomplished (or even what you\u2019d like to accomplish someday) and projecting value. Students in technical fields often shy away from the concept of reflective writing, either out of unfamiliarity or because they hesitate to make private reflections public; yet reflective writing is standard and natural to most online portfolios. In fact, smart students realize that the portfolio is the safest place for reflective writing, in that it\u2019s inappropriate to make subjective, personal comments in a technical paper, resume, or cover letter, while it makes perfect sense in a portfolio. In an online\u00a0portfolio, you have the space and opportunity to share your thoughts on everything from your personal passions to discussing how you performed in a particular course. The rules for such reflection are flexible, but there are some rules nevertheless.<\/p>\n<p>The first rule I recommend is being selective about where the reflection occurs, and how much of it you use. Reflecting about coursework right on your downloadable resume is neither conventional nor efficient, while trying to reflect on every single course you\u2019ve taken as a student would be overwhelming both for you and your reader. However, creating a page that summarizes your experience and reflecting briefly on the value of each experience as you describe it makes perfect sense. (\u201cI valued this job because it taught me how to analyze the network configuration needs of a small business.\u201d \u201cThis class taught me to use cascading style sheets\u2014something I will apply to my future web designs.\u201d)<\/p>\n<p>A second rule for good reflective writing is that it has a purpose both for you and your audience. Both you and your audience should be interested in commentary about why you chose your particular major, relationships (or the lack of them) that you see between your coursework and experience, and what sets you apart from others in terms of both training and life choices. In giving examples, especially related to your education, offer those that will demonstrate learning, change, empowerment, self-development, problem-solving, and results. Good examples are concrete, providing names, lists, scenarios, dates, definitions, etc. In the portfolios that I\u2019ve reviewed, one student wrote an essay reflecting on how her intercultural understanding had been shaped by a year abroad, while another student wrote a few short poems defining his interest in engineering, and even created a sketch to accompany each poem. Still another student took an even bolder stroke\u2014writing about lessons she\u2019d learned about teamwork after being reprimanded by a co-op supervisor for working too independently. What these students are doing in the process of reflection is not only taking stock of their personal assessment of their growth, they\u2019re also preparing themselves for the toughest of interview questions. (\u201cTell me about the greatest challenge you\u2019ve faced in life.\u201d \u201cArgue to me how your education prepared you to work at our company.\u201d) Ultimately, effective reflection online is about learning to speak well in the company of others.<\/p>\n<p>Finally, look for opportunities to write reflective comments on any major portion of your portfolio, including the resume, papers and projects, photography, etc. The bottom line: If it\u2019s worth a menu-based category in your e-portfolio, it\u2019s probably worth reflective commentary.<\/p>\n<h2>Principles of Portfolio Design<\/h2>\n<p>Although the design of online portfolios can vary greatly, especially depending on the computer skills of the creator, I\u2019ve found that the best portfolios share three traits: unity, navigability, and simplicity.<\/p>\n<p>The more unified the pages of your portfolio are, the more likely we are to dwell there. Come up with a basic design and background for each page that is repeated on other pages, and keep associated items parallel with each other from one page to the next. Use headings for short blocks of text, and when you do need to use long blocks of text such as in a complete essay, provide a ready means for us to return to the root pages of your portfolio. If you\u2019re handy with Dreamweaver or Frontpage, you can set up your portfolio so that when we exit to visit outside pages that you\u2019ve linked to, these pages will open in a separate new window\u2014thus when we click them closed we automatically return to your portfolio.<\/p>\n<p>With these principles in mind, a unified design for one set of pages might go something like this: The page is entitled \u201cMy Design Projects,\u201d and it describes four projects you were involved in as part of your classwork and work experience. Each project has a short heading, written in boldfaced red text, followed by a short project description (just 3-4 lines long, in black text), and at the end of each description is the clickable line, \u201cClick here to visit the project page.\u201d Between each description is a solid black line to enhance separation, and the background is white so that all text readily stands out. Also, at the left of each of these descriptions is a small screenshot (also clickable) of the page we\u2019d visit to find out more about the associated project. Once we click to go into a specific project page, we see a \u201cClick here to return to My Design Projects page\u201d and a \u201cClick here to return to my homepage\u201d link at the top of the page. This basic form is repeated on other associated pages, and thus we have a strong sense of unity to your portfolio no matter what pages we are visiting.<\/p>\n<p>Assuming a unified portfolio, one of the best ways to aid users in navigation is also the simplest\u2014use icons and menus. We\u2019re used to thinking of icons as clickable, and we intuitively use menus\u2014whether they appear at the top of the page or on the left side\u2014to help us quickly drive through cyberspace. Many portfolio writers make sure the same clickable menu appears at the top of each portfolio page, with typical menu contents including simple, rapidly identifiable terms such as \u201cHome,\u201d \u201cResume,\u201d \u201cMajor,\u201d \u201cProjects,\u201d \u201cCoursework,\u201d Computer Skills,\u201d \u201cWork Experience,\u201d \u201cInterests.\u201d<\/p>\n<p>Beyond a menu or icon-driven strategy, you make your pages easier to navigate by creating a clear visual hierarchy on each page, by avoiding root pages that require a large amount of scrolling, and making sure that we have clickable links readily available on every page. Most portfolio designers also avoid using frames, in that they create multiple scrollbars on the same page, and you run the risk of having your viewer miss one of the scrollbars or becoming confused about how the frames are related. Also, if your portfolio is optimized for a particular version of Netscape, Explorer, or Firefox, you should make your reader aware of that fact right on your homepage, and perhaps even provide a clickable link where the appropriate software can be downloaded.<\/p>\n<p>Finally, you\u2019ve probably come across Thoreau\u2019s edict to \u201csimplify, simplify,\u201d and we\u2019re all familiar with the KISS principle. Many portfolio creators violate that basic principle to \u201ckeep it simple, stupid.\u201d Too many are tempted by the\u00a0trappings of the web, filling their pages with cute but tiresome animations, too many different blaring colors (called an \u201cangry fruit salad\u201d by web designers), and slow-loading, distracting backgrounds. Such tactics merely increase the odds that we\u2019ll turn away from your pages. Ultimately, the best portfolios are those most artfully simple in design, welcoming us at a glance to sit back, relax, click, and spend some virtual time with you.<\/p>\n<div style=\"margin: 20px; background: #a9bcf5 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; padding: 10px;\">\n<h3>Self-Study<\/h3>\n<p>In creating and designing an online portfolio, you are never alone. Visit these university websites for design ideas and samples:<\/p>\n<p><a href=\"http:\/\/portfolio.psu.edu\/resources.html\" target=\"_blank\">Resources for creating e-portfolios from Penn State<\/a><\/p>\n<p><a href=\"http:\/\/channelcontent.dal.ca\/portfolio\/over_01.html\" target=\"_blank\">\u201cMy.ePortfolio Overview\u201d pages from Dalhouse University<\/a><\/p>\n<\/div>\n<\/div>\n<div class=\"clear-block\"><\/div>\n<\/div>\n\n\t\t\t <section class=\"citations-section\" role=\"contentinfo\">\n\t\t\t <h3>Candela Citations<\/h3>\n\t\t\t\t\t <div>\n\t\t\t\t\t\t <div id=\"citation-list-159\">\n\t\t\t\t\t\t\t <div class=\"licensing\"><div class=\"license-attribution-dropdown-subheading\">CC licensed content, Shared previously<\/div><ul class=\"citation-list\"><li>Style For Students Online. <strong>Authored by<\/strong>: Joe Schall. <strong>Provided by<\/strong>: The Pennsylvania State University. <strong>Located at<\/strong>: <a target=\"_blank\" href=\"https:\/\/www.e-education.psu.edu\/styleforstudents\/\">https:\/\/www.e-education.psu.edu\/styleforstudents\/<\/a>. <strong>Project<\/strong>: Penn State&#039;s College of Earth and Mineral Sciences&#039; OER Initiative. <strong>License<\/strong>: <em><a target=\"_blank\" rel=\"license\" href=\"https:\/\/creativecommons.org\/licenses\/by-nc-sa\/4.0\/\">CC BY-NC-SA: Attribution-NonCommercial-ShareAlike<\/a><\/em><\/li><\/ul><\/div>\n\t\t\t\t\t\t <\/div>\n\t\t\t\t\t <\/div>\n\t\t\t <\/section>","protected":false},"author":9,"menu_order":5,"template":"","meta":{"_candela_citation":"[{\"type\":\"cc\",\"description\":\"Style For Students Online\",\"author\":\"Joe Schall\",\"organization\":\"The Pennsylvania State University\",\"url\":\"https:\/\/www.e-education.psu.edu\/styleforstudents\/\",\"project\":\"Penn State\\'s College of Earth and Mineral Sciences\\' OER Initiative\",\"license\":\"cc-by-nc-sa\",\"license_terms\":\"\"}]","CANDELA_OUTCOMES_GUID":"","pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-159","chapter","type-chapter","status-publish","hentry"],"part":154,"_links":{"self":[{"href":"https:\/\/courses.lumenlearning.com\/suny-hccc-styleforstudents-1\/wp-json\/pressbooks\/v2\/chapters\/159","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/courses.lumenlearning.com\/suny-hccc-styleforstudents-1\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/courses.lumenlearning.com\/suny-hccc-styleforstudents-1\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/courses.lumenlearning.com\/suny-hccc-styleforstudents-1\/wp-json\/wp\/v2\/users\/9"}],"version-history":[{"count":2,"href":"https:\/\/courses.lumenlearning.com\/suny-hccc-styleforstudents-1\/wp-json\/pressbooks\/v2\/chapters\/159\/revisions"}],"predecessor-version":[{"id":390,"href":"https:\/\/courses.lumenlearning.com\/suny-hccc-styleforstudents-1\/wp-json\/pressbooks\/v2\/chapters\/159\/revisions\/390"}],"part":[{"href":"https:\/\/courses.lumenlearning.com\/suny-hccc-styleforstudents-1\/wp-json\/pressbooks\/v2\/parts\/154"}],"metadata":[{"href":"https:\/\/courses.lumenlearning.com\/suny-hccc-styleforstudents-1\/wp-json\/pressbooks\/v2\/chapters\/159\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/courses.lumenlearning.com\/suny-hccc-styleforstudents-1\/wp-json\/wp\/v2\/media?parent=159"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/courses.lumenlearning.com\/suny-hccc-styleforstudents-1\/wp-json\/pressbooks\/v2\/chapter-type?post=159"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/courses.lumenlearning.com\/suny-hccc-styleforstudents-1\/wp-json\/wp\/v2\/contributor?post=159"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/courses.lumenlearning.com\/suny-hccc-styleforstudents-1\/wp-json\/wp\/v2\/license?post=159"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}