How to manage web content as a subcontractor

Beginning web content management for a Non-Profit Organization: Audience Analysis

Hello Friends!

I hope you’ve had an opportunity to learn about Lutheran Social Services of Minnesota (LSS). They’ve organized services to help families, youth and people with disabilities since 1865.

Our writing class is working with this organization to help manage their website’s content for four lines of service. Our class divided into groups, and my group is developing a revision for LSS Host Homes for Adults with Disabilities.

My group is very fortunate to have so much content to work with, but we are still taking this assignment very seriously. We’ve been analyzing the site’s audience to determine what type of content can deliver the message LSS desires.

Our goal is to encourage people to become Host Home providers. Our design should provide enough information to let viewers make an informed decision to get involved, and most importantly, create a site they can find and use. We began the creative process with a little science…

Audience analysis was fun and heartwarming. We reached out to current Host Home providers and interviewed them about what motivated them to become involved. We asked many questions and no two interviews were the same. After our group gathered normative knowledge on the service, we compiled the data into three deliverables: Personas, a Vignette and a Frequently Asked Questions list.

Our group used these audience analysis tools to guide which pieces of content to include on the site. This gave us an idea about which details were most relevant at the beginning stages of becoming a Host Home provider. We gathered all the LSS pages related to our line of business and made a content analysis chart.

Screen Shot 2014-10-22 at 11.33.18 PM

Content Analysis Chart

Finally, we made a preliminary site map to give a brief, visual representation of the pieces of content and provide a simplistic view of how they relate to one another. We are still working on our first draft of the site map, but I’ll share the preliminary map so you can get an idea.

Site Map

Preliminary Site Map

So far, we are feeling very fortunate to have such great contacts to gather first-hand accounts of the Host Home experience. We are also thankful for the abundant amount of content on the LSS website, which is also very organized. The audience analysis and the content analysis do identify a couple areas we want to improve: search engine optimization (SEO), cutting down to essential messages, considerations for which content comes first, and moving the conversation ahead through related links.

The last point about moving the conversation ahead through related links is a topic I discussed with my classmate, Christina. Her group is working to develop content for Host Homes for Youth Experiencing Homelessness. We were thinking about possibly linking our pages. Maybe a kind person wants to open their heart and their home to help, but they want to explore LSS services before making a decision about which service to choose?

These are all ideas we’re holding on to. For now, we have our hands full of links and headings…

Please comment below if you would like to know more, or if you have a good suggestion for my group’s project.

How to use basic web building to make information beautiful

How I used HTML to improve my blog posts on WordPress

Hello friends!

Thank you for checking on my site. Today I want to share a couple examples of my recent experiments with my blogs. We’ve been learning about basic HTML coding for web writing and my assignment is to use code-writing to adjust some of my web content.

Luckily, I’ve been revising my blogs this entire time.

Unfortunately, I hadn’t been documenting the changes.

Fortunately, WordPress is prepared to help someone as indecisive as myself, and there are ways to see every single edit and version made since creation of a blog post.

I want to show you a couple examples of the changes I made to two of my blogs. I added a header, added typeface color, floated a media image, added a margin to that image, and adjusted the dimensions of a photo to correct the stretched faces. Take a look!

Before- PLN

First Draft- Awkward image/text positioning with crowding

The first version shows the PLN media image first thing in the post. Immediately, without a space, the text begins at the bottom of the image.

What you cannot see from the picture, is that the photo is not linked to the media file, so if a reader clicked on the image, a small image of the PLN (The same size displayed) is the largest viewable option.

After- PLN

Current Version After Code-Edits: margin, border and padding, also float next to text

I changed the blog post a couple days after a lecture from Professor Joe Moses taught my class how to code a couple tricks with images.

Professor Moses taught us the difference between padding and margins and how to float an image next to the text. He also showed how to add color. I got a little help to code this revision from a great resource: www.w3schools.com.

The best part about this website is that there are embedded sample boxes that you can practice and view the changes as you change the code.

My next example is for my visual analysis for CRS. For this, the changes may be subtle to some. This was actually my first attempt to change the font color, and I changed it simply by coding the word “maroon”, eerily intuitive!

CRS- Before

Before width/height correction, before header established

I also noticed I hadn’t made this vital information searchable via search engines because it was not being recognized as a header. I changed it to h1, and I was able to go through the rest of the blog to format the other headings to the “strong” formatting previously assigned to the now header.

How the code changed from version to version.Code- CRS

After- CRS

Current Version- Adjusted Header/Photo

During class, Professor Moses cringed at the sight of my distorted photographs. He advised me to forgo the lecture on floating and fix the dimensions. It was actually kind of funny he was so disturbed by something I made a conscious choice to overlook.

As soon as I had some spare time, I fixed the dimensions by guess and check, comparing my distorted images to the BuzzFeed website where I retrieved them.

I hope my story inspires you to take a little extra time and make your information more beautiful!

How to use an infographic to make information beautiful

How to Create an Infographic

Blog 5

Today’s blog post is my choice. I chose to create an infographic. This was inspired by my classmate, Colin’s blog. Although, I feel slightly embarrassed my graphics and content aren’t quite as professional as his. This serves as good practice for my infographic Visual Rhetoric assignment I have coming up.

This infograph was created using Piktochart. It was easy to learn this software and there are lots of examples of layouts you can either pay for or use for ideas to create your own template (my choice). The tool is so intuitive, I didn’t troubleshoot a single tutorial or use the help features. There were lots of graphics to choose from (far more than template options) and lots of customize-ability. The concept of blocks, used by this tool, is a good concept to grasp for web design; I would recommend this tool to any person interested in learning to create professional-looking graphics or infographs. I can imagine this tool can be used for a number of projects in addition to infographs.

I have actually tried to recruit lost undergrads into the S&TC program. I have to remind myself that, for them, it may not be love at first sight like it was for me. I wholeheartedly love learning about human factors and usability, rhetoric, semiotics, semantics, writing theory, and writing using digital technologies. Sometimes I think I was missing something in my life before acknowledging my passion for information architecture. It’s also rewarding to encounter achievable tasks and accessible ideas outside my knowledge base/comfort zone. I am very thankful for the opportunity to become a professional in a field I respect and enjoy to this extent. It’s also fun to see others as excited as myself, hence the nerd reference…

How to avoid Facebook Philanthropy: “Liking Isn’t Helping” Campaign

“Liking isn’t Helping” A Visual Rhetorical Analysis

Crisis Relief Singapore (CRS), a Christian disaster relief organization, launched the “Liking isn’t Helping” campaign to recruit humanitarian support and reduce human suffering and poverty. The Christian disaster relief organization partnered with a French advertising company to create the series of altered , black and white photographs. “Liking isn’t helping” flooded various digital mediums—popular news, discussion forums and social media networks. The images persuade the audience to change their perspectives on “Facebook philanthropy”.

This visual argument (Blair 26) unfolds into logical propositions supported by a number of rhetorical devices such as William’s proximity; Phillip’s juxtaposition; and Ehses & Lupton’s Antithesis, Synecdoche, hyperbole, and amplification. Photographs shown retrieved from BuzzFeed.

Title: “EARTHQUAKE” Ad agency: Publicis, Singapore.

Title: “EARTHQUAKE” Ad agency: Publicis, Singapor

Audience Analysis

The audience for this campaign is anyone with access to social media or popular new feeds, interested in environmental issues, helping those in poverty, and more or less seeing a world outside their own lives. The primary and secondary audiences are important, equally for different reasons. At least for this campaign, persuasion of the secondary audience will net the most monetary benefits to the campaign. Primary audiences receive the ads in a context (Arola 22) where humanitarian views already exist; and when they share the ads in social networks, the life-changing effects of the campaign occur. The new [secondary] audience sees an available means to adopt a more humanitarian sense.

The secondary audience is theoretically more widespread (And intended?) than the primary (Arola 23) audience. The campaign was published in online philanthropic communities and typically members in those communities already take time out of their lives to educate themselves on crises around the world. They may already, and financially, help those less fortunate suffering in poverty. The primary audience will agree with the statement “Liking isn’t helping” because their donations, volunteering, activism, etc., far outweigh the “faux ‘do-gooders’’” contributions. Sometimes a faux do-gooder may see error in their ways.

Arguments like this have an obvious claim, but the visual argument can only speculate the goals of this organization. For me, it’s difficult to tell if this campaign is intended to make those currently contributing feel superior, or to guilt people [who’s only contributions are virtual] to become actual contributing philanthropists.

Title: “FLOOD” Ad agency: Publicis, Singapore.

Title: “FLOOD” Ad agency: Publicis, Singapor

Juxtaposition

Proximity/Antithesis

The strongest claims in these photographs are proximity and antithesis, elements of the rhetorical device, juxtaposition. To create this, the creators found the saddest images of poverty (innocent children in danger or hurt) and surrounded them with thumbs up. Although these images of thumbs and suffering are not visually connected, they are intellectually connected (Williams 21) through the claim of proximity. The two images together create a proposition that utilizes logos (Ehses & Lupton 14) to connect the symbolism of the thumbs up to people using social mediums such as Facebook to share non-contributing humanitarian and philanthropic attitudes.

For example, a Facebook user will share an image to indicate a philanthropic cause to collect likes and feel rewarded by that act. This image is visual support to a claim that proposes an outcome resembling a philanthropic cause but is actually not helping those in need. Those rewarding feeling a Facebook user receives (when sharing a philanthropic idea, or liking another’s superficial humanitarianism) proposes humanitarianism, but on false claims and is not genuinely helpful to the cause.

The ad campaign uses proximity to juxtapose (Phillips 114) two elements that should not be connected (Williams 21), using antithesis (Ehses & Lupton 16) as the assertion function (Blair 26) for the claim “liking isn’t helping”. The visuals alone carry expressive meaning—sadness with suffering, liking with thumbs up—but the juxtaposition expresses the claim (26) beyond obvious, singular expressions, and this is what constitutes a proposition for an argument.

Title: “WAR” — mother and dying child. Ad agency: Publicis, Singapore.

Title: “WAR” — mother and dying child. Ad agency: Publicis, Singapor

Rhetorical Figures

Synecdoche

Proximity and Antithesis provide claims for propositions on a macro-level, but they require symbolism as reasoning on the micro-level. Symbolism in the form of synecdoche deepen these photographs when a part of an idea represents the whole idea (Ehses & Lupton 16). This rhetorical device is used in two ways. The suffering children in all three photographs are meant to represent the innocent people who are suffering and need help from those in better living conditions with the funds to donate. The boy with his mouth open (picture 1), the baby missing a limb (picture 2) and the little girl wading through flood conditions (picture 3) are symbols for people that need and deserve help.

The thumbs are also synecdoche tropes (Ehses & Lupton 16) signifying the lazy, leisurely, cheerful, uninvolved faux do-gooders, who see ways to help and talk about helping without actually contributing. The thumbs are Photo-shopped into the photograph to signify the ever-so-familiar symbol on Facebook used to “like” or agree. The argument for this campaign builds strength using the proposition: these thumbs are useless to the sad-faced child in need of a helping hand. As mentioned with antithesis, disconnected acknowledgement from privileged media-users is more ironic than humanitarian.

Hyperbole/Amplification

One final trope is employed to visually support the proposition built on juxtaposition. Ehses & Lupton’s would be proud to see the usage of amplification and hyperbole in the imagery of these photographs. The devastation is exaggerated (not unrealistically, but vividly) to enhance the poverty and suffering by the faces and bodies in all three photographs. The thumbs up are equally exaggerated, not a single version of the thumbs up can be disputed as another symbol.

The rhetorical effect of the hands is amplified by repetition and the repeating elements expand the effect of the thumb-up image. The numerous amounts of thumbs up also indicate the many hands of a widespread audience on social media; and that no one is helping those in desperate need. Instead of one thumb up icon, as shown in real-time face book, which an individual sees on a daily basis, it is proposed that many, many people access information about these crisis and do nothing but perpetuate the leisurely pleasures in their own lives.

Bibliography

Arola, Sheppard, & Ball. Writer/Designer: A Guide to Making Multimodal Projects. ISBN-10: 1457600455

Blair, A. (1996). The Possibility and actuality of visual arguments. Argumentation and Advocacy  33 (1) 23-39.

Ehses, H., Lupton, E. (1996). Rhetorical handbook: An illustrated manual for graphic designers. Halifax, N.S: Nova Scotia College of Art and Design, Design Division.

Phillips, B., McQueen, E. Beyond visual metaphor: A new typology of visual rhetoric in advertising. Marketing Theory 3 (113). DOI: 10.1177/1470593104044089

Williams, The Non-Desiger’s Design Book. ISBN-10: 0961392169

How to Maintain Organization with Diigo

Hello Friends,

I have been staying very busy these recent weeks, plowing through this second-to-last semester at the U!

Luckily, I am not in it alone. No I haven’t made any friends, but I have found the solution to all my desktop clutter and floating bookmarks. Have you heard of Diigo? It is a simple and free application available to download. Compatible with Windows and Mac,  it’s so versatile—I also downloaded free toolbar extensions for Mozilla Firefox and Google Chrome. Take a look at my tutorial for some “ums,” (okay… many ummms) and my favorite aspects of this organizer tool. Also, invite me to your network when you join!