{"id":6024,"date":"2012-10-03T01:22:18","date_gmt":"2012-10-03T08:22:18","guid":{"rendered":"https:\/\/slisgroups.sjsu.edu\/alasc\/wp-descriptor\/?p=758"},"modified":"2012-10-03T01:22:18","modified_gmt":"2012-10-03T08:22:18","slug":"from-idea-to-webpage-the-web-designers-experience","status":"publish","type":"post","link":"https:\/\/ischoolgroups.sjsu.edu\/alasc\/wp-students\/from-idea-to-webpage-the-web-designers-experience\/","title":{"rendered":"From Idea to Webpage: The Web Designer\u2019s Experience"},"content":{"rendered":"

\"Author<\/a><\/p>\n

by Sarah Henriksson <\/em><\/p>\n

Knowing that you will build a website and actually doing it are two completely different things. How do I know? From experience that I gained during my time in Derek Christiansen\u2019s LIBR 240 \u201cInformation Technology Tools and Applications\u201d class\u2014which, by the way, I highly recommend. To be honest, I had put together rudimentary websites in the past, but looking back at these attempts, I know them to be crude in code, user-UNfriendly, and rather unwieldy pieces of work.<\/p>\n

So, it was with some anticipation that I began 240. My goal was to leave the class better prepared to create and maintain a website that is, well, great. And what\u2019s the best way to do that? Make one yourself, of course!<\/p>\n

A very important step in website design is the planning process, which begins with two very basic questions: \u201cWhat is your website about?\u201d and \u201cWhat will it do?\u201d With the entire world and all the subjects that the human experience encompasses, determining the answers to these two seemingly simple questions can be surprisingly difficult. Even with the limitations that Derek gave us\u2014LIS-related topics only\u2014it was still a challenge to find a topic that would be not only interesting but would also fulfill the requirements of this, our final course project. My initial topic proposal centered on a pathfinder-type idea, but it wasn\u2019t something I felt passionate about; I wanted a topic that would inspire me, not make me want to go \u201cho-hum.\u201d<\/p>\n

The website I finally chose was a new site and style for the Progressive Librarian\u2019s Guild, an organization in the profession that one of my previous instructors has close ties with. Up to this point, I had been doing very basic web editing for them, and I realized that their website could benefit from an upgrade\u2014something that would make it more attractive, and be user-friendly to both organization members and other website visitors. I proposed my idea to both Derek and my previous instructor (to make sure that PLG would want a site upgrade in the first place), and got approval on both fronts. My project was a go!<\/p>\n

I won\u2019t go into detail about the actual coding process; I fear I would lose half my audience to boredom and the other half to confusion. But I will share some things I learned that I feel are important to keep in mind when working on a website, or any library project really, for someone else.<\/p>\n

1. Your concept and their concept are two different things.<\/strong> When designing any website, you need to keep in mind whom you are making it for. I ended up making two versions of the website\u2014one to submit for my final project, and one to replace the PLG site\u2014because there were differing ideas on the organization of information, the use of graphics and the banner, and even the color scheme. I understood that for the upgraded site, I had to cater to the desires of those making decisions for the PLG, no matter how much I liked the colors or the graphics that I used. I satisfied myself by putting the elements I wanted into the website I submitted for my final project.<\/p>\n

2. Decisions will not always be made quickly.<\/strong> Designers don\u2019t work in complete isolation (unless they have full control of their project). You may be in the throes of your project, working feverishly to make your ideas concrete, but at some point you will need to get feedback from them, and they may not provide it right away (especially if there isn\u2019t a set deadline). Patience, grasshopper. The feedback will come, but on their schedule not yours. The best thing you can do for yourself is accept it and turn to something else until you get feedback.<\/p>\n

3. Plan for things to go wrong. <\/strong>You know that saying that if something can go wrong, it will? Well that seems to be especially true when creating webpages or websites. That snippet of code that you thought would be awesome to include won\u2019t work right, and now you have to come up with something else. Don\u2019t be afraid to be flexible, and try to keep a couple of other options handy. It will really help your frustration levels to be able to substitute something else in. Trust me, back-up plans save lives (and minds!).<\/p>\n

4. Check everything\u2014at least three times. <\/strong>Chances are that you will make mistakes. Sadly, we are imperfect creatures, and no matter how well you know how to code (or do anything else, for that matter), you will still mess up sometimes. When designing websites, those mistakes can be incredibly obvious as those pages you spent so much time on show error messages when you try to view them online. The code used in websites can be very unforgiving to mistakes, either by showing an error message or quietly refusing to work the way it\u2019s supposed to. Check your work, then check it two more times to help prevent those silly mistakes that will cause you to tear your hair out when you can\u2019t find the cause.<\/p>\n

5. You can find help for anything online. <\/strong>Everything you do (at least when it comes to web design) has a guide for it somewhere. The Internet is a great resource for help when it comes to creating webpages and sites. A simple search can provide a lot of quality resources to help you through your quandaries. W3C Schools (http:\/\/www.w3schools.com\/<\/a>) is one of my favorites because it has help for every kind of coding language one might use on a website. Color scheme generators, community forums, and code validators are a few of the other types of help you can find as well.<\/p>\n

That is all I have in the way of words of wisdom. The final product of the Progressive Librarians Guild website can be seen at http:\/\/libr.org\/plg\/index.shtml<\/a>.<\/p>\n

 <\/p>\n

Sarah is a SLIS student who is currently halfway through her program. She balances school with her full-time job as a librarian at a trade school in the San Francisco Bay Area. She’s a gardener, a cook, and an avid reader. You can connect with her on Twitter (@shlibrarian) or on her blog, <\/em>Cooking Librarian<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

by Sarah Henriksson Knowing that you will build a website and actually doing it are two completely different things. How do I know? From experience that I gained during my […]<\/p>\n","protected":false},"author":52,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[268,253],"tags":[384],"class_list":["post-6024","post","type-post","status-publish","format-standard","hentry","category-fall-2012","category-descriptor-news","tag-web-design","entry"],"_links":{"self":[{"href":"https:\/\/ischoolgroups.sjsu.edu\/alasc\/wp-students\/wp-json\/wp\/v2\/posts\/6024","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ischoolgroups.sjsu.edu\/alasc\/wp-students\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ischoolgroups.sjsu.edu\/alasc\/wp-students\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ischoolgroups.sjsu.edu\/alasc\/wp-students\/wp-json\/wp\/v2\/users\/52"}],"replies":[{"embeddable":true,"href":"https:\/\/ischoolgroups.sjsu.edu\/alasc\/wp-students\/wp-json\/wp\/v2\/comments?post=6024"}],"version-history":[{"count":0,"href":"https:\/\/ischoolgroups.sjsu.edu\/alasc\/wp-students\/wp-json\/wp\/v2\/posts\/6024\/revisions"}],"wp:attachment":[{"href":"https:\/\/ischoolgroups.sjsu.edu\/alasc\/wp-students\/wp-json\/wp\/v2\/media?parent=6024"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ischoolgroups.sjsu.edu\/alasc\/wp-students\/wp-json\/wp\/v2\/categories?post=6024"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ischoolgroups.sjsu.edu\/alasc\/wp-students\/wp-json\/wp\/v2\/tags?post=6024"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}