I have been asked to design a new web based interface that
will incorporate tools for interactivity and user interaction. So I decided to
do a combined social media network called Good Food. It will combine the social
networks of twitter, facebook and instagram. It will be for people around the
world to post their own recipes and advice and spread knowledge about food and
their creations. You can post your recipes online and comment them and like
them like you would on facebook. You can than tweet about your new posts and
let people know you updated your page with new good foods, and you can take
little video clips and pictures of your food; like steps to make them, the
finished product and all of the above. I found a website that has multiple web
2.0 tools that you can use to make the interface more interactive for the user.
http://web2012.discoveryeducation.com/web20tools.cfm
It has all tools presentation tools, to video to mobile tools. Even community
tools. You can use the video tools to post a good food recipe and picture of
the week every week. The presentation tools will come in handy for writing down
the actual recipe and much more. I would also use Adobe Flash to make the
interaction a better experience. I would make part of the website a giant
interactive hamburger where you can make your own burger with your own kinds of
toppings and you can send it in for competitions throughout the week. I think
my interface would be pretty awesome.
Tuesday, November 26, 2013
More tools: Color
Another tool I strongly feel about
it color, or lack there of. Although my blog is black and white, it works for
me and who I am. Less is more I have said numerous times throughout this class.
But when it really does come to use of color, I like to use it well in my
opinion. Again, in a way that works for me.
There
is a lot to know about color, and I have been very interested for a while. I
took a couple of color psychology classes in FIT and I loved what I was
learning. There is so much to color than meets the eye. Certain colors stand
for certain things, and situations. Depending on your color use, you can set
the mood for where ever you are, or whatever you are doing. It can get certain
points across and give out certain feels. For example, a palette of reds can be
warm, or hot. It can set the mood for love, romance, or evil depending on how
it is used or what other colors it is used with.
For
website use, you can really get the feel of what kind of website and
interaction you will be dealing with, with the certain colors you will use.
Also you would have to take font and other tools into consideration, but you
can still get an idea. For example, if you have a black and white website or
blog, people can get a feeling of sophistication.
I
attached a picture of a piece I did myself in Adobe Illustrator. It is of a man
from the 70s, with similar colors of Freddy from Scooby Doo. I like to think
the colors I used gives off that certain feel of where this man came from. If I
were to change the colors, you would have gotten a similar feel but different
at the same time because of my color choice. I chose vibrant colors to draw
your eye to him. Hope you all like it!
Tuesday, November 5, 2013
Tools
When I think of design tool applications, I think of literal
applications such as Adobe. I am
not sure if this is the proper thought, maybe I don’t completely understand it
but I am just going to go with it. Muse or Dreamweaver are website design
applications. Muse, being Adobe Creative Cloud’s newest web app, includes the
simplicity and beauty of constructing a website- without the coding.
Dreamweaver, as some of us are familiar with does in fact have coding. Me, not
being a coder, is starting to teach myself Muse. When starting a new website,
it actually has a tool, that helps you map out everything you need; the pages,
what goes on the pages, what goes where and all of that good stuff. Now, it may
not be seen on my blog, but if I wanted to take this blog further, I can
actually put it into Muse, and make a real website of this blog. You can also
include other design tool apps such as social media, which will help you
promote your blog. (They also have an app for that.) There are so many tool in
design that I do get confused on which ones are which and what does what, but
that is a tool I will one day incorporate, if not totally redo.
Passini
I chose Romedi Passini’s theory of Sign-Posting Information
Design because it closely relates to how I look at information design, it is
more aligned with my interests. Taking from what I said in my blog assignment,
“from what I have gathered of this theory, there are certain points and things
you need to understand. Explained in Information
Design (pg 84-96), there is designing information, distinguishing
characteristics of information design, knowledge base for information design,
research and information design, pitfalls for information design, information
design and wayfinding, the concept of wayfinding, what information is needed,
where information is needed, the question of form and presentation, from
information to information systems, and information design and professional
boundaries. It is a lot within this theory but I found all of it the most
interesting concept of how to get around and how to look at information design.”
All these characteristics and steps of this theory are the most interesting for
me. Its almost like giving’s guidelines and steps within guidelines and steps
to information design and sign-posting. It goes well with what I like to work
with, such as color, little icons here and there, all things I like to use to
get my point across. I like to make designs that people want to remember. I
would one day like to take this sign-posting theory and make a sign such as the
recycling made by Gary Anderson, which is known internationally. Sign-Posting
is my favorite, because you can use your imagination and have so many different
approaches to communicate with someone.
Better late than never
I picked a particular theory of Information Design and created a post that
explicates both the pros and cons of this particular theory. I then,
write a short response that explains how that theory of Information
Design could be implemented in the blog environment and demonstrate if I am already using or plan to use that theory in practice on my
blog.
I chose Romedi Passini’s theory of Sign-Posting Information
Design because it closely relates to how I look at information design. There
are a lot of pros and cons in all theories, but I also think it depends on how
you look at the theory itself and how open or close-minded you are. You can
take theories in many different ways, whether from the literal meaning or find
different ways it can be explained from the original meaning. It’s kind of
confusing how I think of it but hopefully you’ll understand where I am getting
at. From what I have gathered of this theory, there are certain points and
things you need to understand. Explained in Information
Design (pg 84-96), there is designing information, distinguishing
characteristics of information design, knowledge base for information design,
research and information design, pitfalls for information design, information
design and wayfinding, the concept of wayfinding, what information is needed,
where information is needed, the question of form and presentation, from
information to information systems, and information design and professional
boundaries. It is a lot within this theory but I found all of it the most
interesting concept of how to get around and how to look at information design.
In my opinion, the pros are basically set for you in writing. This theory is
similar to that of the regular basis of information design, or at least the
guidelines of what I follow and then some. It explains where to put information
and how to set it up, what can be used to get your point across, how to research
and pretty much the basics that we have learned. I figure there are no cons for
this theory, but that s how I think of it.
This theory could
absolutely be implemented in blogs. In Tumblr, a blog company, they use
information design by have a set of icons that are widely known around the
world to get around the blog. They have little icons for like, reblog, reply,
and more. They are short, sweet and simple but get the point across. I would
like to use something similar in a website of mine once it is up and running
Subscribe to:
Posts (Atom)
