Week 4 Board Game Reflection

Desmond Rossignoli

Of the two games brought in today, my group only had the opportunity to play Nano-bots (because of interviews).  Fortunately, RMU’s Tabletop Club will be purchasing Carcassone and its expansions soon, which will give me the opportunity to experience it in the future.

Nano-bots was frustrating to play but in a good way.  Not only were moves extremely strategic, but they also provoked loud debates between players, advising alternate moves (which might be more advantageous).  I enjoyed this atmosphere a lot, as it introduced a cooperative element into an otherwise competitive game.

The third act came very late in the game, as it took a while for any of the players to get a firm lead.  If I had to guess, I would say that the mechanics of this game were developed (mostly) before a theme was concocted.

Death Sentence Rules

Death Sentence – Desmond Rossignoli

Materials Included:
6 Play Mats
120 Noun Cards + 5 Blank Nouns
120 Verb Cards + 5 Blank Verbs
48 Adverb Cards + 2 Blank Adverbs
48 Adjective Cards + 2 Blank Adjectives
48 Location Cards + 2 Blank Locations

Set-up:
1. Shuffle all of the cards into one deck
2. Each player starts with a play mat in front of them
3. Deal 5 cards to each player
4. The player who read a novel for leisure most recently begins, and play proceeds clockwise.

On Your Turn:
1. Draw 1 card
2. Place 1 card from your hand to the corresponding space on your mat
3. Trade 1 of your cards with a random card from one of your opponents

End of Game:
After the 10th round, the game is over, and points are tallied.
1. Earn 1 point for each card present in a complete sentence
2. Each player chooses their favorite sentence which they did not write, and awards 1 pt to that player (this step is skipped in a 2-player game)
3. The players vote together for their favorite sentence, and award it 2 points
4. In the event of a tie, the person with the most verbs/nouns in their hand is the winner.  If there is still a tie, the player who was last in the turn order (between the tied opponents) is the winner.

Prototype Play Mat Format:
[Verb] and [Verb][Adj] by [Noun]
[Adv][Verb] in [Location]
[Adv][Verb] by [Noun]
Killed by [Noun] in [Location]
Death by [Adj][Noun]
[Verb] by [Noun]

5 Ideas for Card Games

  1. “Who Said It?” 2-6 players: Based off a tv show/movie. A quote is laid in the center of the playing area, players will have cards with the characters names from the show, and the first player to lay down the correct name wins the round. The player who gains the most cards wins.
  2. “Finish the Lyric” 2-6 players. Cards will be color coded by genre. Part of a lyric is placed in the center of the playing area, each player will write down the next line. Whoever gets the line correct wins the round, the player with the most correct answers wins.
  3. “Stars” 2-4 players. 16 stars will be placed around the table. Each round player will pick up and discard one card. Per round, the player will pick up a card with a task (ex. lay 4 spades). Whoever completes their task first takes a star. The player that collects 6 stars first wins.
  4. Multi-Solitaire. 2-4 players. One person lays down a card and calls whether they want it built up or down. Other players must build up or down. ex. player 1 lays down a 2 and wants to build up, player 2 will lay a 3, player 3 will lay a 4. If you don’t have the correct card on your turn, you must draw 2.
  5. 2 players. Each player has 6 cards in hand . They simultaneously choose one card for their opponents hand and the highest card wins the round. The player to get to “50” first wins.
  6. Lyrical “Cards Against Humanity” One player puts down a card that contains an existing lyric. All players put down a card that could serve as the next line. The player who laid the initial card chooses the best.

Objectified Response

Objectified was a very intriguing documentary to me. It helped point out things about designing that I have not given a lot of thought to, such as how much design goes into objects and how everything we interact with was designed very specifically to meet the needs of the user. Designers have to think about the majority of people that will be using the objects and design for them and not the individual. While I do believe this is important, I also think sometimes focusing on the individual can help pinpoint problems and can help identify problems that a mass of people are experiencing. This would be like the peeler that is designed in the documentary for arthritis. It can be hard for them to use small and simple objects, but without the husband noticing his wife struggling, it would not have been brought to the attention of designers as a problem that needed a solution.

The documentary also brought up some questions about design that I had not given thought to previously. For example, what will happen to the design, as not everything lasts forever? What happens when it serves it’s purpose? It can be hard to create something that eventually fades from existence, so how do you create something that stands the test of time? This may be related to environmentally friendly materials that will not harm the environment when disposed of, but also should make designers think of it’s usefulness now and whether it will still be needed or it will become obsolete by users. Building things to be permanent was once normal, as disposing of these objects was not thought of as a problem a while back.

I also found it very interesting how the designers personality comes to play. From talking about the first time a designer saw an Apple product and the amount of personality it had, to the authenticity of the product to what it is. This would be like the faces on the cars and how humanistic elements are being handled on inanimate objects. The design should be, as mentioned in the documentary, authentic to what it is, emotionally and functionally.

One thing that really hopped out to me is that the individual character being given to something that is mass produced can be hard, and that’s what designers should be looking for. With art, if you like something or are moved by it, it is affecting you personally because that moment comes to you as you are viewing the art. Designers should strive for that kind of emotional impact on the users, especially because the objects are used so often they become a part of “the family.” People attach memories to objects, and as the one designer mentions, we can hold on to objects longer because of this by remembering them as “the chair dad always sat in,” or “the vase that mom always used.”

I also found it particularly interesting that we design from familiarity as well. It was mentioned that cameras were designed at first due to film, but now, even though that design isn’t necessary, we still use the same shape of cameras for DSLR’s even though it does not necessarily need to be that way. We notice bad design, from poorly designed hotel rooms and chairs, and we are uncomfortable but do not fix it. We do not give much thought to the tools and objects we are using, even though they have been designed for us.

Design is much broader of a topic than I originally thought and this documentary helped bring some of the aspects of design to my attention. I particularly liked the variety of designers and how they all spoke of their own personal ways of designing, but they were all mostly saying the same thing. I love that design is so personalized but at the same time so consistent.

Scope vs Strategy

Our app is being designed to help a potential user, Jerome, more efficiently put gas in his car on his way to work. During the process of developing this app, the creative team discussed that not only was the “big picture” to make his morning better, but we wanted the app to inform users on where and how to save their money at different gas stations, create a user-friendly experience for each app user, avoid having to see so many people for one small process, as well as give them security and accessibility. In doing so, there were a lot of different tools and features we wanted the app to possess.

We imagine the app to allow the user to connect to their device like Apple wallet and allow the user to connect all of his/her membership cards to any gas station they use to be stored within the app. This eliminates the need to carrying dozens of cards in their wallet. The app would then be able to compare prices for gas within in a certain location radius that the user has selected. Once the station was selected, the user can then order their gas ahead of time and have the pump ready to pump gas for you when you arrive there; the amount of gas you need and the payment would already be programmed into this order as well. The more you use the app, the more rewards you get through the app’s awards program. The programs also tie into store-specific rewards programs that allow you to earn specific things from each station once you collect a certain amount of points. The app also alerts your car when gas is low and tells you if you forgot to put the gas cap back on before you leave the pump. On a more technical note, the app comes with a support feature that allows users to troubleshoot any of their problems or concerns. It is also protected via password or thumbprint so no one can steal your card information or charge you for gas that you aren’t getting.

Review #2: Keep Portland Weird

For this review, I chose Keep Portland Weird. It was one of the first ones on the page, so I clicked on it, and was immediately intrigued by the site. It opens up with an animation, then one click allows you to enter the website. It comes up with a list of the alphabet, which totally caught me off guard at first, but each letter lists a different thing to do or about the city. Each letter is a different color, but none of the colors fight with each other, and come from an analogous color scheme. Chapter 2 discussed the different feelings given by each color, which was definitely utilized when choosing a color to fit the letter. For example, C is for crocheting, which is a calming activity, and is represented in a blue color. The text said blue is a color that can give a sense of calmness. Also, the letters have a background that appears like a pattern, but is an image from what the letter is describing. It is very clever and a great way to get the user to click on the letter. It is also super great because each letter is different already, and then once the letter is clicked on, it pops up with its own analogous color scheme. A short description is given, and a button is displayed in the upper left corner to go back to the home page, or there are up and down arrows on the right side to navigate forward or backwards through the letters. There is basically no room for user error, which makes the site extremely easy to use. I love it and think it is so so beautiful and well done.

Review 2: Single Page Site

Z Creative Labs

Z Creative Labs’ single page site uses only black, white, gray, and pink in terms of color. The page scrolls from top to bottom. Along the side of the page there is a navigation bar that has an arrow pointing down to further emphasize the way the page is meant to be navigated. As you scroll there is a “Get in Touch” button in the top right corner that is clickable to contact the creators. At the bottom right corner there is a “Return to Top of Page” arrow that moves with you as you scroll. Most importantly, Z Creative Labs’ logo scrolls with you along the top left of the page.There are drawings that are “drawn” in the background of each section of the site to match the information that is being provided. These drawings are moving and are actively “drawn” when you scroll over its section. All of the drawings and uniform colors provide a sense of unity in terms of design. As you scroll down the page the title of the subject is in bright pink and is the largest font size in each section, which makes it easy to scan and read and see if it is the information you are seeking. The content is very straightforward and written in in a way that is easy to understand with common, everyday terminology.

 

The single page site for Z Creative Labs creatively depicts their company’s purpose in a creative and effective way. The consistency with color, graphics, movement, navigation, and scrolling capabilities works for them. It is easy for any user to find the information they seek. The site is easy to scan, read, and interpret the content provided. The site is easily navigated due to the scrolling, navigation bar, and clickability.

 

Review 1

As a person that plays a lot of video games, and often does so with friends, I often need to find a way to host a game so everyone else can play while I am in class or just away from my computer. I find that leaving my computer on to run a game server is an option, but it can stop me from performing other tasks. For a game like Modded Minecraft, Nodecraft is the best choice when it comes to server hosting. Nodecraft.com is a website dedicated to letting people have their own server for gaming, without using their own computer. This means that the server will stay up and running 24/7 because it is not your own computer.

Starting off I went in knowing that I wanted a server that could run the SkyFactory 3 modpack. From the homepage there was no search bar and a menu with six buttons. Of those 6 buttons my mind went straight to pressing “Pricing”. I came to this deduction before looking at the other 5 buttons labeled “Home” (which was already highlighted), “Community”, “Blog”, “Support”, and “About Us”. After clicking “Pricing” it took me to a screen with six different plans and from past knowledge I knew I needed at least 3GB of RAM to run a server playing SkyFactory 3. I clicked the “Order” button on this new page under the plans and was amazed by what came up:

After revisiting the website for this assignment, I noticed something rather unique to Nodecraft that sets them aside from the competitors. When I click on “Order” for a server it doesn’t just show me the plans like other websites, but it also shows me the game types someone can run on each plan. This is unique to this website and highly useful to consumers. As I was using their function for checking the game types I noticed that it was titled “Customize Your Order”. This option had a slider that showed the game types and also changed the plan for you. This slider brings up a good point from the readings; “Faced with any sort of technology, very few people take the time to read instructions” (Krug 26). I believe that in this one instance that falsifies this statement. When someone is put into this situation they are faced with an option once more. Do you want to make sure this works for your game? If yes, then use this nifty slider. It’s an option that also may change the plan and the way the user is thinking.

So I put the plan into the cart and it took me directly to the cart. The most difficult part of buying this plan is the fact that you must have an account to use it. The most thinking I have had to do on this website has become the making of an account, and even that is easy.

The website was easy to use and made me think twice. The only thing that really needed to be changed was the cart. I was directly linked to the cart the first time I put an order into it. When I backed out of the cart to the homepage I didn’t see the cart anywhere. After looking everywhere I clicked on the “Pricing” tab again and then saw the cart. It would have been so much easier to use if the cart was also on the homepage.

 

Krug, Steve. Don’t Make Me Think!: A Common Sense Approach to Web Usability.

Berkeley, Calif: New Riders Pub., 2006. Print.

Week One Questions

1.) The main purpose of Apple’s website is to promote, advertise, and sell their products. Not only that but they want to sell the ecosystem that comes with their products. If you get the new iPhone, then you need to get the wireless headphones to go with it, and maybe a MacBook to sync all of your information with. The website remains simplistic and informative with large pictures and as little wording as possible (Unless of course, you enter the ‘help’ or ‘learn more’ sections). This clear and concise look promotes ease of use and great user experience.

2.) Facebook’s wall is fairly simple to navigate with the main focus on what the user wants to see. Facebooks ads are all based on what you are liking within the domain. Not only is the first option on the feed to post about one’s personal opinions at the time, but there are quick links to your favorite pages displayed on the left side. In addition, the feed only shows posts from your friends. Facebook is a more personalized experience. If you have yet to join facebook, when you reach the homepage, there is a green button, which is standing out against the typical blue color scheme, to create an account. The set-up structure is very simple, sequential, and direct.

3.) Sequential: such as an online test or a book, Hierarchal: Corporate images like Apple, Organic: Wikipedia or educational sites, Matrix: Amazon, News

4.) Huffington: Navigation=30 Content= 70, Google: Navigation=10 Content=90, Wikipedia: Navigation=15 Content=85, Etsy: Navigation=30 Content=70

5.) They use emphasis of color and cleanliness of design to focus largely on their designs and works as a whole.

Week 1 Questions

Ricky Petticord

Week 1 Questions

 

  1. The goals of Apple’s website are to communicate the value of their products to potential buyers through sleek, concise layout and navigation and to provide support for existing customers using the same principals. Apple uses user segmentation to break their site into chunks related to specific products and support sections. Apple addresses the needs of a user who just purchased a new macbook by offering a support tab and a search tab alongside tabs for their products on the home page. A user seeking support for their new device has likely been to the site before, and having these sections in a familiar and easy to access section is helpful to the user. From there, a welcoming and understandable page provides several options, with basic information up front and a well designed layout for more experienced users to find the information they need.

 

  1. Facebook’s wall is loaded with content and user functions. These include a search feature, scrolling newsfeed with status updates from friends and subscribed pages, a post widget allowing users to share text status updates, photos, videos and pages, a notification panel, messenger, event reminders, trending news stories, event reminders, page manager and an explore feature. These all allow the user to connect with every feature that Facebook offers. Facebook’s signup page is much more basic. If offering new users a sign up field directly from the home page in order to create an account and access content within Facebook.

 

  1. The four architectural approaches to information structure are hierarchical, matrix, organic, and sequential. Fonts.com laregly followers a hierarchal structure with a navigation bar holding the site features containing further navigations options when a user selects one. Ebay uses a matrix structure, giving shoppers the ability to filter through different different options to customize their browsing experience. Google uses an organic approach, with a search feature in the center of the page. A user can search, then click through options such as images, and videos or access the account section to move to Maps, the Play Store, Gmail, Drive, and more. Sequential architecture organized information in a step by step approach, and is often used for checkout sequences such as on Amazon, where a user clicks through each page to the next.

 

  1. The Huffington Post home page is about 10% navigation and 90% content. The navigation bar rests at the top of the page, and as the user scrolls they are flooded with an endless stream of new stories and opinion pieces. Google is all navigation. A search bar rests neatly on the center of the home page, with some small navigation icons in the upper righthand corner. Wikipedia is similar, offering the user a language choice and a search bar. However, if a user goes directly to the home language page (such as en.wikipedia.org), it is about 10% navigation on the left hand side and all content from there. Wikipedia uses embedded contextual navigation through hyperlinks in the copy of the wiki articles themselves. Etsy’s home page primarily offers all navigation, giving users a selection tools and a hierarchal navigation system to select which category they want to search through.

 

  1. Landor.com uses a one page design with bright images, colors, and clean typography to draw the reader in and throughout the page. This approach reduces the possibility that the user will be distracted by some other clutter on the page.

Week1 Questions

  1. The goals of apple’s website is to offer as much information a new and or existing user would need to help them find a product that best suites their lifestyle all while having a luxurious, user friendly feel. For first time Mac book purchasers Apple’s website offers information on all of their products while directing customers to Apple stores for further assistance.
  2. Facebook’s wall offers a numerous amount of features such as a timeline where your “friends” posts can be seen as well as a “share a post” option where one can share information that will appear on their “friends” timeline. It also gives you news updates, weather updates and various other articles that might interest the user.
  3. Sequential Structure: Pacsun’s website when trying to purchase an item uses a sequential structure to follow when checking out items.
  4. Organizing Principles: A movie theaters website that has options to pick “movie times”, “movies”, “ratings” ect
  1. Language and Metadata: BestBuy’s site uses common language to list the name of the product as well as price, type of product and other information the user might want.
  2. Team roles and Process: any data analytics website which helps with making buisness decisions or purchaseing decisions.

 

  1. Huffington post: Navigation 50% Content 50% (a lot of navigation able content)

Google: Navigation 90% Content 10%

Wikipedia: Navigation 70% Content 30%

Etsy: Navigation 80% Content 20%

 

  1. By using giant text, images and bright colors landor.com is able to guide the viewers eyes to the important information.

Review #3

A review on http://sixpennkitchen.com/ and http://no9park.com/.

Six Penn Kitchen’s has simple yet aesthetically pleasing homepage. Sixpennkitchen.com not only offers aesthetic value with it’s simple color scheme, but also offers a user friendly navigation system due to its utilities on the top and bottom of the homepage. As far as balance goes Six Penn Kitchen’s webpages each offer the same centered style, pictures, and easy to read fonts that also makes it extremely easy to find what your looking for. The website effectively uses green text to emphasize and successfully direct the users eyes to important information. Also when using the navigation system the users place is held with a “You Are Here” indicator, which helps the user not get lost while searching through Six Penn Kitchen’s website.

No. 9 Park’s website offers an elegant design with its information laid out in the center of it’s pages creating a nice balance between the right and left margins. Navigating no9park.com is made simple with it’s local navigation and utilities on the left side, which also remains stagnant while exploring the various pages. Another pleasing aspect on No. 9 Parks website is that each page has a page name as well as a “you are here” indicator making it easy to navigate while maintaining its fancy design.

Both Six Penn Kitchen’s and No.9  Park’s website offer similar color schemes with the same centered layout. Although No.9 Park’s pictures help give the website a more elegant feel, Six Penn Kitchen’s website is more visually pleasing and does a better job of directing the users eye to important information. However both websites are easy to navigate due to there navigation bars and “you are here” indicators, but No.9 Park’s website does a poor job of emphasizing important information. Both websites use the same color scheme and for the most part the same layout unifying their webpages. Overall Six Penn Kitchen and No.9 Park are extremely identical with a few differences in layout, but Six Penn Kitchen’s website offers easier to navigate pages and colors that draw the eye to important information better.

First Review

Newegg is an online computer and electronics retailer. The home page opens with marquee showcasing sales and little reminders of why you might need to buy from them. Below it there are daily sales, and below that rave review of the website itself. This is an interesting design choice, as it lets the customer first get drawn in with the products before actively selling itself, i.e. “you need this, and here’s why you should buy from us”. At the top of the page are three drop down menus leading to various parts of the site. The first breaks the items available into categories for easy navigation. The second showcases more deals, and the third is a list of hyperlinks to their various sellers.

The “all products” tab is where I first began looking for a product. As Newegg is a computer-centric website, computing parts is at the top of the list with alternatives listed in descending order of relevance. I went to a tab labeled “electronics”, and a tab opened to the side, further breaking down down the category. I wasn’t going in with any particular plan, so I instead just clicked on the electronics tab to be brought to a page version of the break down tab.

The use of the breakdown tab is a great piece of web design, as it not only offers a quick way to see if a hyperlink will be useful before clicking over, but also serving to de-clutter navigation. It’s a simple, but effective tool to help keep consumers oriented.

 

The electronics page was a blown up version of the tab. With a specific goal in mind navigating would be easy. Just scrolling down the website felt packed, but not necessarily crowded. Almost every inch of screen real estate is used, with just enough buffer room between sections to keep it from being overwhelming.

Clicking on a product generalization, in my case HDMI cables, the following screen is a lot cleaner. It’s less pushing options and more just presenting products. Below each products if the price, and in a neat twist, the shipping as well. If there’s anything that makes this website stand out, it’s just that cool little feature. The design itself is comparable to Amazon, but how cleanly the shipping is presented is a massive, massive thumbs up in my book.

 

I selected my HDMI to HDMI mini cable and added it to my cart. On one side of the page there were suggestions for other, similar products, while on the other a picture of my cable and an option to finish the sale or continue shopping. I chose to continue shopping, which led me back to the page I selected a cable from. That little detail is also noteworthy, as if it just went back to the home screen navigating back could be a pain, but getting back to the home screen from there is a simple click away.

Overall, Newegg is not a particularly spectacular website, with its design being comparable to Amazon or similar retailers, but it has a couple of neat tricks to keep things decluttered and make navigation easy. It’s clear and concise, especially if you’ve grown up using similar websites.

 

 

 

http://www.newegg.com/