Week 9 BFA website feedback

Van Winkle, Ian ianvanwinkle.com  vanwinklestudio.com

Both sites look very polished. The picture quality is outstanding, although i wish there was just a few sentences to describe the project. The navigation is pretty standard, but i feel is a point size or two too small. The resume page looks good too, but again, i feel the type is point size too small. I found the information about the projects eventually, but i feel if i clicked on the image on the landing page it should’ve taken me there instead of to the next picture.

Tantri, Martin martintantri.com

Martin’s website has a few things that stick out. The stretched font over the project icons really looks unprofessional and should be remedied immediately. The body on the project description pages also doesn’t seem to fit well. The leading may make it look less heavy against all of that white underneath of it. The responsiveness works very well for the website though.

Dickey, Jacob dickeysdesign.net

Jake’s website is very nicely done. It has all of the practical conventions  would look for in a website, standard menu that shows the essentials, logo in the top left corner, and the cropped image that provokes a little interest for the project.I do wish that the home logo was a little bit bigger, the detail of the J gets lost. As well as readability, everything seemed to fit right in a i had no struggle getting the necessary information. The repetitiveness of the W.I.P. section at the footer was a little off putting, not a lot though, but if I had to complain, that would be it.

Macpherson, Gavin gavinmacpherson.com

This site is a lot to take in with how much content it provides on the initial page. That being said, it is all placed pretty well, with nothing seeming too squished. I’m not a huge fan of the eggshell gray and purple color. I just don’t find it particularly appealing. I like the carousel that show projects in the beginning. I’m more likely to look through that first, which is the point of it.

Quail, Chad chadquail.com

This site was very pleasant to go through . All of the pictures for each project displayed very nice and were the focal point for each project page. The mechanism used to display projects on the landing page was very interesting was well. I liked the way the color came into the black and white photos as you hovered over them.  The footer extended as far as your went which i didn’t particularly like, but was not a major detractor to the site. The site was not responsive either.

Callahan, Jacquelyn jacqiethedesigner.us

This site was pretty standard as far as portfolios go. There wasn’t anything  particularly that stood out as cool or designer-y either. That could be what the site was going for though, to let the work speak for itself. However, several of the buttons do not link to the projects. Only two work. I don’t like the black box behind the logo either. I think it would look good hanging off of the navigation bar.Other that that, it is a good portfolio.

Bargreen, Chandler chandlerbargreen.com

I got the pleasure of seeing this a few days earlier. The website landing page is super interesting and I instantly love it. The project layout is really nice and it doesn’t hurt that the projects look very thoroughly thought out and well designed. This is one of my favorite sites out of all of them. It would be nice if the home logo took you back to the portfolio website.

Pfeiffer, Amanda apfeiffercreative.com

Amanda’s portfolio has one link that works to a project. The type on the project display page stands out as well, which isn’t good. The links to to Photography, Resume, and Contact don’t work so there isn’t much to look at.

 Vinson, Gregory gregvinson.net

I like Gregory’s site for the one page layout. The fonts and sizing all fit well together and makes for a really interesting site. I really wish that there were some actual projects in here. I think that they would be highlighted beautifully with the way this site presents its projects.

Unit 9 Reading Response

Designing for iOS

The starters guide to interface designs starts off with some of the same things I have been hearing throughout school like understanding your medium, starting off with sketches for screens and interfaces, and getting people to look at and test your design.  Then the article gets into specifics of designing the interface. Consider aspects of the interactive elements and how users will interact with them. Touchable size, visible size and space relation to other elements on the screen are important things to think about when trying to fit everything in your screen. Hierarchy typography also play important roles in your app.

Top – 10 App Design Mistakes

the ten

  1.  Don’t begin wire-frames without a flow map
  2.  Don’t disregard the development budget
  3.  Don’t start with low resolution pictures
  4.  Don’t under-size hit area
  5.  Don’t overuse intro animations
  6.  Don’t leave users hanging
  7.  Don’t blindly copy
  8.  Don’t over-stuff screens
  9.  Don’t assume what users will do
  10.  Don’t forget or abuse gestures

With technologies to design and prototype apps readily available to the average user, its important to think about how it would actually look in a fluid motion. One of my previous projects produced a small clip of a user going through the website created in AfterEffects. What does this mean to you regarding this article? As much a prototyping can do for you, it can help with at least half of these design don’ts. Creating small animations using .png files and blur can create a sense of motion and fun you envision in your app. Things like wait screens, interactivity, and show motion in the app fluidly. Some of the fundamentals are also stated here which doesn’t hurt. I like reading these principals over and over in articles, it helps reinforce the idea and the rules will always update and change.

AE Tutorial

30 Pro tips

Awwwards Mobile Web design Inspiration

Flowcharting

LucidChart tips

Andriod Icon Guidelines

Project Three Progress

Application Definition Statement


 

“A customizable news aggregator that brings the most current information on games, teams and events in the eSports community to one easy-to-use app.”

The app “project caster” is a news aggregator that brings news articles about current eSports events and games. It can be tailored to the users personal interests to eliminate sifting through threads and forums to find the news they want. Similar applications combine these features to bring current world news, but the niche of competitive gaming is a fast growing community that doesn’t show signs of slowing down. A feature of our app would be themes tailored to the most popular games, like color schemes and images for the background.

 

 

Unit 8 Reading Response

Tale of a Top-10 App

Wow. This smashing magazine article was one of the most insightful articles i’ve read to date about app design. Jeremy Olson essentially chronicled his journey designing, building and marketing and app called Languages, an offline translator. Telling people about your struggles during life is pretty difficult knowing that someone else can and will tell you where you went wrong. The same is true with design, when you put your material out there to be viewed, people will have their opinion that wont exactly sit well with you after you’ve put a lot of time and effort into it. But this is something you have to accept to grow. The Tale of a Top-10 App illustrates the problems and successes throughout the whole process, from initial conception to the marketing. The part two of the article went deep into the marketing behind the application, and this is something not a lot of students think about when designing apps. Making an app is becoming increasingly easier, but how do you get it to stick out among all of the apps out there, 1.6 million to give a rough statistical based estimate. (stats). Personal marketing, rather than hiring a PR firm, establishes long term friendly connections with blogs and magazines that will benefit in the long run. Jeremy also writes specifically about this process in his article, opening you up to his story of success and determination to beat angry birds.

25 Creative Tips for Marketing

HockeyApp

6 Tips to a better Icon

Unit 7 Reading Respone

Chapter 10

Chapter 10 went into detail about mobile design, and then began to explain some of the differences or mobile vs desktop / laptop. Certain features are restricted like the hove option, but the touch screen can provide alternate options to display and access information. Designing responsively is also another valid point brought up by Steve in his book. Most people who use the internet have access to a smartphone, and they are more likely to use that then their actual computer. If you think about all of the times you’ve used your phone in a day, 10 years ago those things would have had to wait until you could sit down in front of a computer. Now you can just pull it out of your pocket and hold it up to your face. The chapter really just enforces the idea of designing for mobile first and then making that responsive.

Responsive Design

The link above takes you to a nifty little site that explains responsive design and why you should use it. I think this site is most helpful and really makes it so your only choice should be responsive web design. It also has excellent examples for you to look at and even links you to a site where you can build responsive sites for free! With the ever growing number of screen sizes to design for, to make your site the most user friendly is to already have them in mid when you design the site, and that means thinking about the device they will be accessing your site on.

Promotional Book Website for Responsive Design lol

50 Best Examples of Responsive WD

Web Flow

What Google Says

UPDATE!!!!

99% Invisible’s Roman Mars has a pleasant podcast that talks about what is in the name of a product. Roman compares two naming companies, Catchword and A Hundred Monkeys. Here, these two companies share drastically different philosophies that produce quality names for a product. Catchword provides around 2,000 options!!!!!! for a product and then narrows that down to 30 – 50 to present to a client. This may seem overwhelming and cause speculation on the quality of the generated names, but it is for a purpose. Catchword employs a naming spectrum that ranges from vague to literal. There are pros and cons to both ends of the spectrum as well. 100 Monkeys employs more of a meaningful approach that yields only about 10 – 12 names. This is obviously not anywhere close to 2,000, but the names generated all have an associated meaning or story behind them. Whatever way you decide to name your app, it would behoove you to listen to this Podcast about what really goes into a name.

Smartphone Project Brainstorm

Password App

This app is a tricky idea to work around. Having a place where you store all of your passwords on your phone, something you could lose or it could be hacked into. So creating an interface that requires a thumbprint or retinal scan to unlock it. A backup system would also need to be employed to save passwords in case the owner lost or broke their phone. As far as themes, a vault / safe design could be cool be probably has been done before.

Halo 5 App

The combination of video games and apps has been a popular trend recently and i personally feel this would help create a more complete experience and give another avenue of potential income. Halo 5 is one of the flagship games tied to the Xbox franchise and has other games with app tie-ins. 343 Industries (developers of Halo after Bungie left) have included a requisition system that gives players cards associated with boosts, weapons, and vehicles in the game.  The options for an app like this are endless, with the the opportunity to integrate customization of the users gaming profile, forum boards, and the new Spartan Companies launched with the game as well. This would allow the user to message the members of company and manage it from their phone.

eSports News App

eSports is one of the fastest growing sports and has a huge following across the world. I have witnessed this personally using the popular sports app Team Stream with my news feeding being invaded by teams and people i have never even heard of before. This could easily be translated into a more genre focused app providing highlights and stream features to watch live events on the app itself. Features could include message boards, following favorites on your news feed, customization themes for the app mimic popular games like LoL, Counter Strike and Dota.

Unit 6 Reading Response

Designing for phones!!

The reading this week was split into two articles based on the choice of phone i picked for the design of a new utilitarian app. I read both because i did not think reading both would take up that much time or be a waste of it. Turns out, it was. Not really though. Both articles made rather intriguing points when designing apps.

Android

Android apps try to follow three basic principles: “Enchant me”, “simplify my life”, and “make me amazing”. These guidelines direct the designer to make things easy to digest and figure out while providing the “wow” factor most companies look for. It all really boiled down to applying a sort of customer service mindset to your design. The customer is always right is a saying used a lot in retail and can be downright frustrating at times. Ultimately though, these potential users can line your pockets or the company’s (which is good for you too), so its important that that statement carries out through the app design.

iOS umpty-squat

Apple also has three guidelines for app design for iOS: deference, clarity and depth. Short sweet and pretty understandable. Content trumps design, make it easy for the user to understand things and read them well, and show a little depth with layers and so on. The article goes into more detail than that, but adherence to just these basic principles may put you on the right track to app design success!

40 Beautiful App Designs

designing for a maturing android

how to build app tutorials

the above link is more of a list of tutorials and some really go into great detail on how to build an app for an android phone. this would be something to explore after the design process is complete.