HTML Reflection

https://docs.google.com/document/d/1ctz2L6nIK-uobFqLDMNoShfoKmn4KJTW1_sVVpijYP0/edit?usp=sharing

I found these lessons very helpful because I have never coded before. Each lesson started off explaining exactly what each tag would do and showed you in the try yourself what this would look like on the other end. The exercises were very helpful because they had a check my answer button that helped me understand when I got parts of a tag wrong.

I was not comfortable with this assignment at the start of it and honestly, I wouldn’t say I am confident with my skills now. After taking pretty detained notes I would probably still look through this site if I ever had to do coding again. This assignment took me a little longer then I would have hoped due to my lack of previous knowledge on the subject. I hope that if I find myself doing this again I will quickly remember the things I learned here.

Greenspring Review Template Pros and Cons

Team 1

 

 

Pros

  • Clean and simple layout that’s easy on the eyes
  • Easily navigable, with unobtrusive drop downs within the issues
  • Consistent search bar and upcoming events keeps them within visibility and use
  • The about page connecting to the Greenspring campus of the University, feels official
  • Easily readable on mobile

 

 

Cons

  • No built-in direct submission function when many sites have it
  • Not optimized for mobile, drop downs for issues end up off screen
  • Mobile formatted poorly, site scrollable to the side to see background image, no real reason to do so, happens by accident
  • Submission guidelines feel very spaced out, feels a little awkward to read
  • Background image isn’t necessary on tablets, very little of it is visible

 

 

 

 

Team 2

 

 

Pros

 

  • Easily navigable on mobile
  • Eliminates previews of content on mobile, making it easier to read
  • Baked in submission box on the website
  • Separation of content by genre
  • Archives of previous content

 

 

Cons

  • Header feels too huge, feels gimmicky
  • Vertical focus leaves unused space on the sides
  • To navigate to a different section, the reader needs to scroll to the top
  • Minimalist about page with no delineation takes the reader a moment to recognize the difference with
  • The genre headings on the front page aren’t visually distinct enough, feels too close to the content titles

 

 

 

 

 

 

 

 

Team 3

 

 

Pros

  • Event focus promotes things that are often under-attended
  • The content being organized by issues and then genres makes finding something a bit easier, but also requires more pages to be viewed
  • Baked in submission tool makes submitting easier
  • About page very team focused
  • Text easily readable on mobile

 

 

Cons

  • Lack of drop downs in the ‘Issues’ section makes navigation slightly more time consuming
  • Should be an entire page to focus on events, with a calendar or list of dates
  • Aside from the header, there is a lack of color which feels less visually distinct
  • Lack of mobile optimization, content previews are still same size as full site
  • Menu at the top on mobile requires scrolling to the very top to navigate to new section

 

 

Summary of “3 practical tips…”

Li, Jacky. “3 practical tips for product builders when designing in an era of digital exhaustion.” UXDesign.cc. 7 January 2020. Accessed 17 February 2020. WEb. https://uxdesign.cc/3-practical-tips-for-product-builders-when-designing-in-an-era-of-digital-exhaustion-47131d933baa

 

The article mentions several phenomena that affect how people use digital devices, and that the designers of applications should account for them. The idea of smart phone users only using roughly nine applications a day, and that new ones end up disrupting an established routine is the first thing mentioned. It then mentions how applications either add or lessen functions to their daily lives, or replace them. So, fitness trackers add something, while mobile wallets lessen then, and substituting one streaming service for another is a replacement. The second main point is about how building a product that has an impact should be about the process. It should be something usable, something worthwhile, not something to have an event for. The example given was a company that changed how the electric bill was presented to encourage people to use less energy, which was fairly successful. The third aspect is the use of the “emotional piggy bank” which is a way of describing the emotional relationship built between user and builder over the long term. Any users who feel like the builder has a personal investment in the users’ use of a product will feel more inclined to continue using that product, and have a better experience while doing so. The best pieces of advice from this article, especially in regards to the Greenspring Review redesign, are that it needs to be clear to use and understand, but give the readers something to be invested in, and a site that they will want to continue to visit.

Rhetorical Analysis of The Paris Review

https://drive.google.com/file/d/188Hx4XX1-KodINpAd4y6gy67UtKo5UTa/view?usp=drivesdk

Hello ladies, gentlemen, and anything in between or beyond. I’d like to take some time today to do a quick rhetorical analysis of The Paris Review’s website. To summarize my thoughts on the site, I’d say that the site has a simple, easy to navigate design and aesthetic, but it does feel a bit cramped.

 

 

The observant eye can tell a lot about a website from a cursory overview. For example, the Paris Review primarily is marketed towards people with ‘refined’ taste. These are upper-middle or upper class individuals who have a healthy appreciation for the arts. Their website is designed to showcase text-based pieces like short stories, interviews, or poems, but also has pages for articles and photographs, as well as full sections for podcasts and videos. There is also the page designed to sell print issues of the magazine, which are put out seasonally.

 

The page for text content, we’ll use the poetry one for this, is pretty straightforward. The entire site’s colors are simple and clean, white background with black text, and pink for some boxes that serve as buttons or for indicators. It provides a nice contrast to the white, and lets us see that we’re looking at poetry from the 2010s, for example. The font is simple, dignified, and harkens back to the Review’s appreciation of the classics. However, the drawback is that the screen feels too cluttered, because the sidebar which stays at the top of the screen is right next to the scrolling list of content. The shifting element appears, sometimes, in other places of the screen before snapping back to where it should be, and feels hectic to navigate and a tad sloppy. Plus, there is an excess of white space on the right side of the screen, which accentuates the problem.

 

Looking at a piece of content, we see the same principles: simple, classic, easy to read, but it makes better use of the space. The layout has shifted, placing the content on the left side of the page, while putting an advertisement for the print edition of the magazine on the right. The bright pink of the “Subscribe to Keep Reading” advertisement in the middle of the page signals the appropriate shift to the audience.

 

Navigation is pretty easy and self explanatory, with drop down menus in the ‘review’ section to take to the different pages within said section. The ‘Video’ and ‘Podcast’ sections are even simpler to navigate, having only one page within them.

 

Both pages look mostly the same, the layout keeping the sub-categories on the left, and the main content on the right. The biggest issue with this is that on both the podcast and video pages, there exists very little negative space, the thumbnails have tiny gaps in between them, and are placed across most of the page. Sometimes when navigating these pages, the sidebar that’s just a placeholder for the videos will disappear and the video tiles will settle to four across before correcting back to three across when the logo moves down.

Overall, the main content portions of this website are pretty easy to read and navigate. Sometimes, the use of space could be optimized better, and having a sidebar that stays static while the rest of the website scrolls would be a somewhat useful tool, but a smooth navigational experience should come first.

Works Cited:

Ball, Cheryl E., et al. Writer/Designer: A Guide to Making Multimodal Projects. “Chapter 1: What Are Multimodal Projects?” Second Edition. Bedford/St. Martin’s, 2018. Print.