Ordinary things, Un-ordinary interaction

Ordinary everyday interaction of people and things that CONFUSES.

• MACINTOSH!!! since im a windows user since small, using a mac always confuses me. Like the command keys in mac and the ctrl key in windows.  Also the way to put in a cd. And the way it is build. Anyway, mac is totally diffrent from mac.

Ordinary everyday interaction of people and things that DELIGHTS.

• HANDPHONE!!!  Its small, portable, and can do MANY things like calling, messaging, playing games, taking photos, listening to music and even surfing the web. Its also easy to use. Even people who are technology idiots knows hows to use it.

Lift My Thoughts

So, a lift interface for a 100 story building huh.
here are my thoughts:

Lift Interface design 1

This is a TOUCH SCREEN surface

• Users TYPE in their designated floor
• The big buttons, LOBBY and CAR PARK are the most common floors where everyone would go, so is put aside for accessibility and users need not type that floor in.
• The ENTER button is to for user to hit after typing their designated floor.
  The HANDICAP button is the international symbol for handicaps who have difficulties reading or pressing the buttons. This button is to call the operator so that they can help them. ( This button can be felt <for the blind or something>)
• It features a telephone-style KEYPAD with 12 keys arranged in the familiar 3-by-4 grid, so that users would be more familar.
• The – sgin is for NEGATIVE floor (if the building have any)
• This system will also read out the floor ‘typed’ in so that users would be clearer.
• *** – SINCE THIS IS A TOUCH SCREEN INTERFACE AND WORKS ON ELECTRICITY, ONCE THE LIFT HAS A BREAKDOWN, THE INTERFACE WOULD NOT WORK, WHICH IS WHY THE EMERGENCY BUTTONS ARE NOT INCLUDED INSIDE.
• But of course emergency buttons will also be available in the lift, it would be a normal and traditional emergency button which will work in case of breakdown. This button will be located at the bottom of the touch screen interface for easy accessibility in case of emergencys.

---

Lift Interface 2

• This interface is desgined even for most handicap to use.
• Users TAP their office cards on the surface to activate the floor they are going to (employee with office on the 9 floor tap his card on the interface and automatically the 9 floor will be activated) this is a MUCH FASTER way.
• This interface also prevents intruders and unauthorized personals from going into office areas.
• The big buttons, LOBBY and CAR PARK are the common floors.
• This system will also announce the floor you ‘tap’ in.
• *** – THIS INTERFACE ALSO WORKS ON ELECTRICITY, ONCE THE LIFT HAS A BREAKDOWN, THE INTERFACE WOULD NOT WORK, WHICH IS WHY THE EMERGENCY BUTTONS ARE NOT INCLUDED INSIDE.
• Emergency buttons will also be available in the lift, it would be a normal and traditional emergency button which will work in case of breakdown. This button will be located at the bottom of the touch screen interface for easy accessibility in case of emergencies.

---

Different Lifts to Serve Different Levels

Lift A = Lvl 1 to Lvl 25, car park and lobby
Lift B = Lvl 25 to Lvl 5, car park and lobby
Lift C = Lvl 50 to Lvl 7, car park and lobby
Lift D = Lvl 75 to Lvl 100, car park and lobby
Lift E = Lvl 1 to Lvl 100, car park and lobby

Lift A, B, C and D is for office workers that uses the TAP CARD lift interface.
Lift E is for guests that uses the TOUCH SCREEN interface.

Though it may be a little more troublesome, but then since this is a office building, office workers need to get their office FAST. By separating the lifts to serve different levels, office workers will get to their office faster as there will be less waiting time ( if your office is at 100flr, you need not wait people to get out from 1 – 99 before you can get to their office).
A office building would definetaly have GUESTS and they would not own office card so they can use Lift 5. Also guests usually would not be in much of a hurry so i think they can wait awhile (also there would not be much guests so at a time so the wait would not be so long)

Webby 103

Urgh this is  tough, but its finally done.
oh, and i used KCK FOOD as reference.

WebDesginWeek3

Zzz monster attacks

The ZZZ-monster and his sidekick  is attacking. Our defenses is failing and soon we will be conquered over. We’ll try to fight back but alas, we dont feel confident of winning…

IMM

3 examples of passive, reactive & interactive in everyday life.

Passive

• Reading
• Walking
• Doing THIS.

Reactive

• Slapping someone
• Playing Basketball
• Arguing with someone

Interactive

• Eating steamboat during cny with the whole family
• Playing board games
• Arguing with someone

 

3 examples of passive, reactive & interactive on internet.

Passive

• Checking Email
• Surfing the web
• Writing THIS post.

Reactive

• Watching movie
• Playing flash games
• Downloading Stuffs

Interactive

• Facebook
• MSN
• MySpace

 

Which aspect(s) of each example is considered interactive?

• um, when something is interactive, users can become fully immersed in experience by viewing and listening to materials, commenting it and then actively contributing to it.

 

Is there a varied degree of interactivity in each example?

• Yes

 

Explain with photographs/screenshots/sketches of the chosen examples.

Reading a book

 

 

 

Walking

 

 

 

hmm after doing so much, i realised i dont understand the questionssssssss….. -.-

Webby 102

Questions n Answers

What is Browser-Safe Color Palette / Web-Safe Colors?

Web-safe colours are a set of colours. It comes in handy for computers that can display a limited number of colours, such as a 8-bit monitors that can only display a maximum of 256 colours at a time.
The palette is the specific set of 216 colours that will stay solid, non-dithered and consistent when viewed in a browser on Macs or PCs (or any other computers or web devices that are capable of displaying at least 8-bit colour). The major browsers use colours from this build-in web palette only when they are running on computers with 8-bit monitors. Because the palette is part of the browser software, this is a way of ensuring that graphics will look more or less the same on all platforms. The reason why the palette contains only 216 colours, instead of the maximum 256 colours, is because only that 216 out of the basic 256 colours will display exactly the same on all computers/web devices.

Is it still relevant in today’s context? Why?

I guess it actually really depends on the individuals. Most web devices as of today have at least 16-bit colour and usually 24-bit colours (TrueColours). Even mobile devices today have at least 16-bit colour.
But then, not all people in the world have ‘better’ computers. Some might still own and use antiquated computer systems and slug-like modems that only have 8-bit colour, so it’s better to be web safe than sorry. Also the use of “web-safe” colours has already become a ‘habit’ and ‘culture’ of most designers.

What are the common fonts face found on PC & Mac?

• Times (most common default browser serif font)
• Georgia (designed specifically for legibility at low resolutions)
• Helvetica (the most common sans-serif default browser font)
• Arial (standard system font on Macs and Windows, one of the most safe fonts to specify for a web page)
• Veranda (designed to be clear at screen resolutions)
• Trebuchet MS (also designed for good legibility at screen resolutions)
• Garamond
• Courier

What is page loading time and how it influence your design?

Page loading time is the time taken to load a web page.
There are still some people in the world that still uses 56k modem. And if a page takes more than 8 to 10 seconds to load, most people would just abandon the wait then you risk losing the visitor.
This means that the web page design needs to be less than 30 kilobytes in size. This will also help keep bandwidth fees low as well.:D
To minimize page loading time,

• Use CSS this way the browser can cache all the formatting and stylizing for the pages instead of reading each tags all over again.
• Remove anything you don’t really need like images, flash and sound files. You do not need to showcase all the awesome stuffs in one page. Also most embedded sound files are annoying anyway. Some people are surfing the net during work or school and the last thing anyone wants to announce to their boss or teacher telling them that they are surfing the net. 😀 Some also may have their own music playing and hearing a song on top of what we’re listening to is not nice.
• Split up long pages. Multiple short pages load faster. Also after entering a page and seeing a ultra long scroll bar, many would just give up.
• Remove excess “Whitespace” (spaces between your coding) removing the unneeded tabs and spaces can help a lot
• Keep codes clean by removing any of those excess or empty tags
• Don’t go overboard on images. Are they really all needed?
• Reduce image file size GIF vs JPG vs PNG – Choose GIFs over JPEGs, as GIFs generally load quicker (although GIFs have less sharp resolution). JPGs are generally best for photos, GIFs for anything elses

http://www.web-strategist.com/blog/2007/03/19/web-design-and-worflow-process-comparison/

Read about Web Design Process article above and write what you think about it (at least 150 words)

I think that this post really gives us the insides of desgining a web page/site. It shows the many process you have to do and find out before making  one. And to be a good web desginer you have to be a web strategist too, to make decisions and dictate budget. From the article, i learn that desgining a web page isn’t about me or you but for a general audience or at least the intended audience. you have to find out about the purpose of the website and the  alot on the targated audience. This way, one can keep their website, um successful.

Jeremiah Owyang is really neat in catagorizing his stuffs making it simpler for beginners in web desgin to understand the whole stuffs without being confused. He even provided many links for extra or more detailed informations. Not only that, he even have a list of jobs for web strategist. Cool (:

Lingo of decision makings. (Semi-syntax)

Should i or should i not?

haha. i suggest you do this everyday
it really helps in decision makings.

1. IF you ever cannot make a decision THEN
2. Get a rose.
3. ELES you already make a decision so why do you even bother to look at this theory? end IF
4. IF you could not find or afford a rose THEN
5. Get any flower you can find. Fake ones will work too. end IF
6. REPEAT if there is still petals
7. Pluck a petal. At the same time say ‘Should I’
8. Pluck another petal. At the same time say ‘Should I not’
9. END REPEAT if all the petals are plucked off.
10. Come to a decision already.

And if ever you are not happy with the decided decision or if you think this method is crap, then too bad – you are in my blog. 😀

Algorithms of the Daily Life… ?

How to keep your pens in 5 easy steps.

1. Look at the mess.
2. Take a pen
3. Put it into the pencil case
4. Repeat steps 1 & 2 until all the pens are in the pencil case
5. Zip the pencil case up.

Done

---

Should i or should i not?

haha. i suggest you do this everyday
it really helps in decision makings.

1. If you ever cannot make a decision.
2. Get a rose.
3. Pluck a petal. At the same time say ‘Should I’
4. Pluck another petal. At the same time say ‘Should I not’
5. Repeat steps 1 & 2 until all the petals are pluck off the rose.
6. Come to a decision.

Webby101

Questions n Answers

Different types of Web Broswers
* WorldWideWeb
* Mosaic
* Netscape Navigator and Netscape Communicator
* Internet Explorer
* Opera
* Mozilla Navigator
* Safari
* Mozilla Firefox
* Google Chrome
* Camino
* Minimo
* SeaMonkey
* Swiftfox
* Lunascape

What is Browser Wars?
The browser wars are competitions for dominance in the web browser marketplace. To see which browsers available today is most commonly used.

What is IP Address?
Internet Protocol Address.
The list of numbers assigned to every person connected to the internet by the Internet Assigned Numbers Authority for communication between its nodes.

What is a URL?
An acronym for the term Universal Resource Locater, meaning a website or path on the internet. The URL of website is the address you type in your web browser to go to it .

What makes a GOOD WEBSITE?
The Web is an interactive, dynamic, and rapidly changing new communications medium that a Web site should reflect. Well-organized, edited, credible, readable and timely original content set in an attractive, interactive, and consistent format are some traits of great Web sites. Its also important to have a secure and automated server