Web Design Week 9 blog assesment: Optimising For The Oldies!

For our weekly blog this week, we are assigned to research html elements we can implement in our websites that will remain constant in all browser types. We also are discussing whether its okay to implement these elements that may not work on every browser type.

So let’s get right into it! so to start off, how can you accomplish optimizing your code to different browsers, and what do you call the steps to do so?

“When you want to serve different content to different browsers, detecting the actual browser type and version itself is the wrong way to go in most cases. It is much better to detect whether the browser supports the technologies your web site is using — referred to as feature detection.”

“Feature detection – the idea here is to query the browser to detect whether it supports the features our content relies on, and then serve content as appropriate.”

This is certainly one way to accomplish browser optimisation, but it gets even simpler when you use resources that are already out there to do all the work for you.

Let’s say your viewer doesn’t have the font that you have used on your website. How can you optimise your website to create the aesthetic you are intending to show to them? Websites such as FontSquirrel.com or GoogleeFont.com will automatically give you the code you need to put in your website so that your viewer is able to see the specific font you are using.

Other elements may not have the same kind of resources that provide support for different browsers, so is it okay to not apply these?

Well the short and blunt answer to this is, if you don’t want to look like an idiot to the oldies that don’t wanna upgrade, then no… It isn’t okay. Most people these days update their browsers automatically, but not everyone. And to cater to all, we also must cater to the few.

so by modifying content with inner HTML and other techniques that use feature detection all browsers will be able to identify the elements in your websites!

So that’s all for today. Is there any other way to optimise content? Please let me know! I still hae a lot to learn!

Happy coding ❤

Web Design Blog Assesment Week 8 “The good… And The Terribly Bad And Ugly”

Our task for Week 5 is to identify one good website and one bad one. I am excited to share this amazing website I found at: jdand.co Look at this amazing layout!

This website is amazing. Firstly when you open it up, it is always good to see a short animation while the webpage loads up. Also the java scripting with interactive underlining of tabs from the navigation bar and constant change of the highlighted title (first picture the word “UNVEILED”) Not only does the website look great, But the information is actually pleasant to read. I have noticed in most efficient websites that the coloured background panels are overlayed slightly over the background images above them. This technique can be replicated in my own web design in the future to make my designs more appealing. Also their use of contrasting tiles [some square pictures and others information tiles with texts (and apparently hashtags)]. This also can be incorporated into my designs.

But… their will always be the really bad websites as well…

such as: suzannecollinsbooks

Suzanne Collins’ Books

bad design

That’s just baaad….

Okay, a few things off the bat that I notice that is horribly wrong here…. #1  There is some text aligned to the right…. Just never do that… Never. Another thing is that the navigation bar is on the right. We read from we read from left to right, so that needs to be seen first, on the LEFT. And lastly…. Please, Oh lord PLEASE fix the alignment of those photos. For all of you OCD people out there, I am deeply sorry 😦 Anyway these things should all be avoided in web design, and in my case definitely will be!

Web Design Blog Assesment Blog 1

Web design is profound and incredibally diverse. Trends are ultimately decide which websites are contemporary and which ones aren’t. Slowly but surely, rectangular boxey websites with the average navigation bar up top and copyright info on the bottom are starting to transform. New trends in web design are starting to treat the webpage as a canvas, rather than a set of rules and norms. Here are some of the trends that I personally admire, and that I find “cutting edge”.

1. Tile Designs :

These are so appealing! They just scream “CLICK ME!” The geometric patterns of illustrations and icons are a thousand time better than any average rectangular button links. There’s something about hexagon tiles and colour that is just so artistic… although it is a website, and websites normally are used for information, these tiles can make a five star home page and all the information can be incorporated afterwards.

2. Flat Designs

Seems to me that Flat design based webpages work most efficiently in panels. Wide horizontal color filled pannels with illustrated images and icons are repeated throughout these trendy webpages. They look extremely creative, and can be very surreal at times. Flat designs are just another example of art based websites that can make anything look interesting…. And I mean anything (can you believe that last image was an infographic?)

3. Last but not least, minimalistic type on pure photography:

minimaliism web design

These things are absolutely everywhere. Coffee websites, fashion websites…. Even alcohol can get in on this minimalism trend. A few words + extremely high resolution background pic, and BOOM! The most hip website of all time. Absolutely any website can do this effectively, and many websites (and I mean many) are already catching on.

So… whats the focus on today’s web design? I believe the focus is to make information look GOOD. And so far, we have been doing that pretty well 😉 good job guys.

Although… their are some websites I know of that do need a little help in these areas. One that comes to mind is BBC news website. Okay, I know what your thinking… All news websites are horrible, and I totally agree… But c’mon. Look at this:

Capture

It looks like they crammed 100000000’s of articles on one page. I believe with a little more colour, a little less information per page and a lot more alignment, this website would look better than any other news site. The best trend to apply to this website IMO is tiles. Any kind of geometric tile can be chocked full with information once you click on it, but it will still look great. Look at Windows 8 for example… It has info, and still looks amazing.

So what do you think? Yay? Nay? Maybay?

CIU week 5 Online Lecture Overview: Social Media And Your Career

Report

Something interesting shared about in this weeks lecture was the possible ways to create an audience of followers “the right way”. This was expressed for example in the video about how people disagree with Phil Fish and how he lives with his fame.

Other things that were said include:

“Social Influence is how the behaviours of one’s peers change the liklihood  one engages in a behaviour” Sinan Arial

Newsletters are a valuable source of building a community that can apreciate what we have to offer.

Something I understood was the ways to “receive traction” shared by Gary Vaynerchuk was as follows:

1. Create better content

2. Need to “Biz Dev”

This topic leads on to what I found interesting in this lecture… Biz Dev, what does it really mean? Well, According to the Grand Unified Theory of Business Development, Biz Dev is simply about pursuing opportunities for long-term growth from customers, markets, and relationships.
Gary describes it as the opportunity to collaborate with other businesses, or communities to spread the “word of mouth” about your own business.

I also found these facts on the amount of australians out there that I can reach on social media very interesting:

the number of Australian users on Facebook in Feb 2015 was 13,800,00, the number of Unique Australian Views on YouTube was 13,500,000; WordPress.com was 6,1000,000; Tumblr was 4,700,00; and Instagram was 4,000,000.

These techniques are also used by people to increase audience recognition:

Share other people’s work.

Your networks are driving what you buy

Relate

In the Design industry creative practitioners can collaborate with other designers, or even other industries (eg. animators or film makers) to create and receive a bigger audience by appealing to people who appreciate those works. Business development in graphic design can be going to community events, or exhibiting your art by collaborating with locations that have the possibility to increase your own businesses audience.

This is obvious to me because it has proven successful previously by multiple businesses.

Reasoning

Here is an example of how business development has helped e-services all over the world: Improving businesses and…

business ethics prove that collaboration between businesses to be in good moral to the business world, but receive more successful results than independent businesses.

The different point of view from this thinking as mentioned, is to depend upon your own results for your business and become independent. Although this gives you more liberty, independent businesses normally have to work harder to create a name for themselves.

Reconstructing

The take away for me was that to create a name for myself, I must utilise social networking to create a professional identity for myself and give an audience the opportunity to see my skills as an up and coming designer. Also, it is vital that I develop my business by collaborating with other businesses and creating a name for myself within the community.

CIU Online Lecture Overview: Week 4 Inclusive Design

Report

I found very interesting that this weekly lecture educated me on Accessibility and how it is an important part of inclusive design so that audiences with any deficiency or impairment will receive the same image that we do when we look at design.

I understood that even in typography designers recognise impairments and do the best to appeal to broad audiences, despite the difference in accessibility. One example is the dyslexie font. It is designed to be easily read by dislexics and any other audience.

The online lecture also described the best way to come about cultural appropriation when creating media:

1. Cultural appropriation is bad

2. Don’t erase marginalized groups (Don’t combine 1 & 2)

3. Don’t reinforce stereotypes of marginalised groups

4. Over-represent if you feel comfortable with that

5. Get a second opinion

Relating:

I have had no experience yet with designing anything with ethical, cultural or racial issues, nor have I designed anything customised for the impaired. But I do see its importance in specific jobs out there that may require that kind of attention.

This is obvious to me because I have heard through news articles, blogs and other media about inequalities in culture and impaired personnel. It is important as we, the creatives, see to all the individuals that may not receive our works in the same fashion as other people.

Reasoning:

The significance in this article lies in the way we treat people and how differently people may interact with our designs.

This scholarly article on On the benefits of speech and touch interaction with communication services for mobility impaired users ” mobility impaired individuals still face many difficulties interacting with communication services, either due to HCI issues or intrinsic design problems with the services”

Reconstructing:

My take away for this weeks online lecture would be to try to see your own designs in every perspective of people you possibly can.

Because of this, I will try to test my designs for colour blindness using the sources provided from the lecture including: color blindness simulator or, color oracle.

This will benefit more people than any other average design, so what else do you think I can do, what do you think you can do to benefit a larger audience?