Saturday, December 10, 2016

Week 15: Outside of Class

This week I focused on working on the feedback I received from my professor and my fellow classmates. Pretty much everything was related to design elements. A lot of the issues were with tying things together to create unity. I had changes my feature area background to a gray binary pattern that faded in and out. However, I was told it was still a little too present. I decided to tone that down a bit more. My biggest issue was figuring out how to display the character's descriptions. My first take on it seemed too empty and blocky. I asked some other people in my class and one of my fellow classmates suggested adding color since my my design so far had only 2 colors and was very clean in that way. This is what I came up with:


I decided to soften the edges and add a gradient. Each character has a different color which matches something in their design. I think this is a better way of displaying the information in a way which owns the space without cluttering it. There is still quite a bit to touch up, but I feel more confident in my design as a whole.

Tuesday, December 6, 2016

Week 15a: Moving towards finishing the website (70% completed)

On Monday, I received some critique on my website. A lot of it was minor things such as line spacing, font choice for body copy, and so on. I took this critique along with what I said I would do in my last post and continued to better my website. I changed the body copy to something more fitting for the tone of my website and increased the line spacing so it wasn't so tight. Then, I changed my feature area so that it didn't go all the way across. Instead, I created a graphic of fake binary and faded it out so it would be a subtle but present texture. I also changed the way I was going about doing my "Meet the Cast" section and decided to play around with styling there - although I think it still needs more work. Finally, I added a working "navigation bar", that jumps down the page. I felt it was a nice touch. I think from here, the only thing I need to work on is design elements. I definitely have ideas in mind for what to change and make more interesting. Anyway, here is the website at this point:






Sunday, December 4, 2016

Week 14b: Website 50% Done

For this coming Monday, we were asked to have the website at 50% done. Since my previous post, I added some more content in the form of paragraphs and I also created some new graphics. I decided to take away some colors from my original style-tile, and instead will be sticking with a gray and blue color palette. I also began the "Meet the Cast" section, which I am having a little trouble with formatting-wise. Another strange thing that keeps occurring is that the site will not display single quotation marks, which means that as of right now, there is some incorrect grammar throughout the page. I am not sure if this is just the particular font I am using (Open Sans), or if it is something else. The double quotations obviously work. Regardless, these are small issues which I am sure I will be able to easily fix.  Here is the updated site:


From here, I plan to add descriptions for the characters (the problem I previously mentioned), a "navigation bar" that jumps throughout the page, a better feature area graphic, and links to the Tiny Tech Academy Kickstarter page and social media. I am also considering another set of three statistics in the "Why is this show important?" section. I hope to receive some beneficial feedback that will help me further my project even more so that I will be able to finish making something that I am truly proud of. .

Friday, December 2, 2016

Week 14: Outside of Class (Off-Campus Event)

On Tuesday I went to an off campus event in Harrisburg that was hosted by the Central Pennsylvania Adobe Users group. Originally, there was supposed to be a speaker there who would be presenting on Adobe XD, an upcoming prototyping software. However, when I arrived, the people hosting the event notified us that the speaker was no longer unable to come, but that the host, Megan, would speak instead. She told us about how Adobe XD's biggest competitor right now is Invision. I thought this was interesting, given that we had just used that program in our previous project. She mentioned that in order to truly compete, they would have to make sure that they included everything Invision had, and more, otherwise she felt it likely wouldn't take off in the same way. After she spoke briefly on Adobe XD, she then went on to talk about her personal experience working as a project manager for a company called gun.io. Since I didn't really know a lot about the project management aspect of design and development, I found her speech to be interesting. She talked about the difference between a project manager and a product manager, something I didn't even know existed. The difference was that a project manager focuses on the logistics of the project, and a product manager is expected to be the expert on the project. When asked about some of the most difficult or unexpectedly problematic parts of her job, she talked about working internationally. This is difficult, obviously, due to time zone differences, but she also talked about the positives of working with people across the globe. The biggest one was the ability to essentially keep working 24 hours a day, as they would pass the project from one to another and the day went on. This causes an increase in productivity, as opposed to a localized business, which is confined to one time zone and therefore fewer hours. Another interesting aspect about her job and the company that she worked for is that they have a huge pool of people from all sorts of different design/development backgrounds. Because of this, she is able to pull different people who specialize in a variety of things and delegate them to a specific project. A lot of these people are actually temp employees who can pick up odd jobs here and there, similar to freelance. Finally, one of the other most interesting things she spoke on was the relationship between a developer and a customer, in that, they shouldn't have one. She said that this can cause a variety of issues in terms of a he said/she said situation. It is for this reason that project and product managers exist, to avoid conflicts that can arise when the developer and the customer talk in private. I had never really given any thought to difficulties between a developer and customer in any other sense than miscommunication and misunderstandings. Although the event ended up being not exactly what I came for, I still found it to be interesting and useful as a different perspective into what could potentially be my future.

Tuesday, November 29, 2016

Week 14a: Continuing website

This week we were instructed to keep working on our website and to have it 20% done by Wednesday. I had already set up a basic structure for my site, which included the header, a feature area, the body, and a footer. I designed a new logo for the Kickstarter project and then made a header in Illustrator. I like the overall design of it, but I think I could use some critique to push me more in the right direction. For my feature area, I knew that I wanted something that would catch people's attention and make them want to learn more about this project. I decided a statistic about the importance of this show would be a potential idea, and it what I have in place now. From there, I began working on the body area. So far, I have included the explanation of the project and some statistics which describe the importance of the creation of this show. I think overall I am headed in the right direction, but I would like to see what suggestions I get to better my website as a whole.

Here is my website so far:
Note the separation between the two images, there is no page break within the actual website.


Saturday, November 26, 2016

Week 13: Reflecting on IIDCon

Last Saturday, I attended IIDCon. The primary event was the four speakers. These speakers included Liese Zahabi, Victor Yocco, Brian Crumley, and John Halfpenny - who all came from different backgrounds. Before even attending the event, I knew that I would likely find value in what each speaker presented. 

Victor's presentation was first. He specialized in psychology and its relation to design. I have always been fascinated by psychology, and knew there were many aspects of it which could be powerful in benefiting a design or application. Perhaps one of the most basic things in terms of design that he related to psychology was the use of hierarchy. Displaying information in a meaningful way is always crucial in terms of having a good design. His example of a site that did this poorly, was a student loan repayment site. Many of the subcategories didn't necessarily correspond with their headings in a meaningful way. In fact, two of the options that could've been placed under another category, had their own heading of "Other". Victor explained how this kind of design would leave users frustrated because they wouldn't necessarily associate what they were looking for with where it was placed. He also discussed the idea of give and take. An example of this is when you receive a free trial, and then at the end of it are asked to purchase the full service. This type of transaction helps to make a user feel, even if it is subconsciously, that they should return the favor - especially if they enjoyed the service. I found Victor's talk not only interesting, but also beneficial and it is something that I would like to do more research on.

The next speaker was Brian, who presented on the idea of a living style guide. This talk actually played in very well with what we are doing in class - especially since we had a style tile/guide due the following Monday. He believes that these living guides - which incorporate working code and styling - are essential when communicating between a business and its customers/users. The living style guide goes beyond a traditional one because it really allows the designers/business/users to understand exactly how the final product will look and behave, without it actually being finished. Beyond this, it also allows for the styling and code to be reused and applied with ease across multiple pages of a website. Although a lot of what he spoke on felt a little ahead of where I was in terms of learning design and application, I felt that it was a nice primer for my future in these fields.

Liese Zahabi spoke on the idea of evolution of the search box. Her presentation felt very philosophical in comparison to the others. She primarily spoke about how we must transition our metaphor for search in order to facilitate a more successful evolution of search. The metaphor that she felt was most effective was that online search and the internet is like an ecosystem. She said this was more accurate than previous metaphors because it took into account the fact that the web is comprised of content which is old and new. It is constantly changing and constantly being added to at a rate much greater than ever before. I found that this metaphor lined up with my own personal observations about content creation on the internet. However, Liese helped to expand on what I had previously thought and has left me thinking about the internet in a new way.

The final speaker was John Halfpenny who specializes in personal branding online. His presentation primarily spoke about what a person should be doing if they would like to have a presence and stand out online. He used a few examples of people we likely recognized and knew the brand of - including Donald Trump. He explained that these people were effective in creating a brand for themselves online because we knew what to expect from them - good or bad. Some of the things he said that we should be doing starting now to begin creating a brand was to expand our social media outreach. Specifically, having an account on all major social media accounts, defining ourselves on those accounts, and linking them to and from each other. John also said that the most important thing was to use our names as both usernames and in our personal website domains. This tied into his bigger picture of his speech - which was inserting yourself into search results and optimizing your exposure. I felt that John's presentation was very beneficial and something that I felt I should start doing before I exit college in the coming years. After his presentation, I felt equipped with knowledge that could help define my online presence.

Overall, I felt that IIDCon was a beneficial experience. My knowledge on the topics that were presented felt expanded and my interest in them has also increased. Many of the topics presented were helpful to me now, and will likely be helpful as I continue in this field. I will likely continue my own independent research on some of these topics and hopefully learn even more as time passes. 

Sunday, November 20, 2016

Week 12b: Style Tile

This week I completed my style tile for my website. Since my choice of a Kickstarter project is aimed at children and parents, I knew that I wanted to gear my design towards them. I did some research on other children's TV show websites, and most were very colorful and fun. I wanted mine to also be colorful, but not as extreme as some of the other websites took it. The name of the show is Tiny Tech Academy, so I knew that I wanted the colors to relate to ones you would think of relating to school. I chose red and blue, with a variety of grays for the background and text elements. I tried my best to steer these colors away from primaries and I think I was effective in doing so. As suggested, I redid the logo into a simpler, and perhaps more effective, school crest. I kept the same font that the original logo had, however. Anyway, here is what I came up with: