LAB27

LAB26

真實案例
96年度全人關懷獎 -崔媽媽科技服務工作團隊


For housing services, compare the following two websites
http://www.housingmaps.com

http://yungching.housefun.com.tw/

List the differences in the user interface design and usability. Make comments
by your use experiences.


比較: 美感，直覺性，流暢，預期反應

Q:請描述至少一個你做這個lab所遇到的問題，並且你是如何解決這個問題的。

housingmaps

美感:簡單 相對位置明確，但數量多就容易造成雜亂，看起來不舒服
直覺性:直覺地可以操作，要甚麼就有甚麼
流暢:可能組織比較完整，比較快
預期反應:跟預期的差不多，簡單好用

永慶房仲網 

美感 :暖色 舒服
直覺性 :以直覺來說，他需要看許多的選項，來縮小範圍，較housingmaps遜色
流暢 : 可能資訊比較雜，稍微比較慢
預期反應 : 資訊多，但也較麻煩

LAB25

OK 沒遇到問題

Lab 24

html4 video 跟 html5 video 的差別
主要是語法的簡化
還有如果瀏覽器不支持Flash，那html4 video的視頻就無法播放

LAB23

Homework 11/5/2012

1. 觀看場域應用與服務設計: "科技人如何做通俗演講" (4分鐘)撰寫200演講摘要

這個世界上有太多人的人，相對來說也有太多領域，不同領域到的要交流，對話裡及認知裡一定要有所了解，就譬如兩個領域的等於兩個圈圈，這兩個圈一定要有交集的部份，不然等於雞同鴨講，一個說的很開心，一個有聽沒懂，而不同領域的人交流時，也把他們領域的術語JARGON盡量的減少，因為JARGON是造成溝通最大的障礙，畢竟不是每個人都知道其他領域的術語。而投影片上的文字，盡可能不要有所謂的句點式，因為他會將這投影片，乏味化，也太令人傷神，竟量將文字簡單化，容易了解，或加上一些的小圖，增加理解，也增加趣味。

Science ( Jargon + Bullets )   X    Passion  = Understanding
           Relevance

2. 你覺得以後上台作簡報，會做些什麼樣改變？

一些領域上的專業術語，可以能用大家懂的方式解釋，就盡量用簡單的文句解釋，太過抽象的，也可配合插圖做解釋，盡量減少所謂的句點式，育一些問答分式，增加這簡報的靈活感及趣味。

LAB22

YOUTUBE

YAHOO

GOOGLE

LAB21

1. Use Firefox Accessibility Extension to identify the accessibility failures and warnings in http://google.com
2. Fix the failures you found.

LIST OF ACCESSIBILITY ISSUES SUMMARY

Accessibility Extension

FAE Rule	Violations	Message	Class
Warn	1	The words contained in each h1 element should match a subset of the words contained in the title element. Words (%1) in h1 elements should also be in the title element.	Title
Check	1	Heading content should be concise (usually 65 or fewer characters in length).	Headings
Fail	1	Every frame element must have a title attribute with content that describes the purpose of the frame.	Frames
Warn	1	Hidden or empty frames should not be used.	Frames
Warn	1	One level of nesting. Use CSS properties instead of tables and nested tables to visually layout blocks of related content for graphical renderings.	Tables
Fail	1	Two or more levels of nesting. Use CSS properties instead of tables and nested tables to visually layout blocks of related content for graphical renderings.	Tables
Warn	1	The character encoding was not specified.	W3C Specifications
Warn	2	Each map, ul or ol element that precedes the last h1 element and appears to be a navigation bar should be immediately preceded by a heading element, preferably an h2.	Menu and Navigation Bars
Fail	3	The font and center elements must not be used for text styling, instead use structural markup should be used with CSS for styling.	Text Styling
Warn	4	Ensure that links that point to the same HREF use the same link text.	Links
Fail	6	Each page must have a lang attribute on its html element whose value or initial subtag is a valid two-character language code.	Language Changes
Warn	15	Avoid using text links that are shorter than four 4 characters in length.	Links

Date: 11/5/2012 20:14 PM
URL: http://www.google.com/

LAB 20

Tables
1. Copy and paste theTables example athttp://www.w3schools.com/html/html_tables.asp
2. Enter http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic
3. What kind of effects can you see?

Lists
4. Copy and paste the Lists example athttp://www.w3schools.com/html/html_lists.asp
5. Enter http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic
6. What kind of effects can you see?

Q:請描述至少一個你做這個lab所遇到的問題，並且你是如何解決這個問題的。

A:沒有遇到什麼問題耶= =