กกก An Online Journal of Fine and Applied Arts
OJFAA
Vol. 1, No. 1, 2009, pp. 61-70
!""#$%&$'()*"+,%-./01234'567$80ก2-#:$);<=$8>=
THE STANDARD OF WEB DESIGN FOR FACULTIES IN CHULALONGKORN UNIVERSITY
/NO>'P- (PQ=R$) * Akapan Thienthaworn
WXYZ)=[$\%$5$=- );+8 />[)(]Y[>ก];^Asst. Prof. Wilai Assawadechasak
Abstract
This research is to gather information and analyze the structure of the website belonging to the faculties within the Chulalongkorn University. The aim is to find a standardized website layout which could be used by these different faculties. From the research result, it has been concluded that the standardized website formats for the Chulalongkorn University faculties can be created. This website format is to be divided into three groups which are the group of academic website, the group of service website, and the group of visual website. The basis for this creation is by using Identity, Consistency, Control, Interactive, and Simplicity. These features are consistent with the basic form of website creation which includes Layout, Typography, Color, Logo and Icon, Illustration and Navigation.
"<1>]=Z/
ก>?@A?BCDBD?EFG HCAIJKLกMNOP QHAHRCA HกSSTUENCAVHW
>GXCกVR@?@ IJKRQCกกQSSQHกYRZP QSSE[STUENCAVHW
>GXCกVR@?@ \ก>?@IS]TZONOG NCP QSSE[STUENCAVHW>GXCกV R@?@F>?ZกG]P QSSSTUETZO 3 กG]AJ กG]P QSSSTUEZO_ก กG]P QSSSTUE ZOSก QHกG]P QSSSTUEZO`I?กMV aZ@W_OR?กกกQSSAJ A bก?กMV (Identity) AACE? (Consistency) กASAG (Control) ก e?I?f (Interactive) QHAD@SC]@ (Simplicity) HกSZO@?กMVHDKRHNCP QSSE[STUEAJ aACOCQHก>?ZCCA HกS (Layout) กW_OE??กM (Typography) กW_OD (Color) กW_O?g?กMVQH?gP (Logo and Icon) กW_O
`I HกS (Illustration) QHกW_OAJKCJYC (Navigation) KEYWORDS: Standard / Web Design / Chulalongkorn University
1c$\c$1>d: P QSSE[ / กกQSSSTUE / >GXCกVR@?@
* N_lE m `A_lE m AVH กE >GXCกVR@?@
E-mail Address: [email protected]
"<'c$
EE bHSSJKDKกY?CTZO?SA@W q>>GS? aZ@ HT@?BกDกW_O EEก?@]CQI]R@WR]@C_ก QHCAกfGก>E]Cr aZ@TZO?SAW>>กกG]\POW_OGก HZ?S QHDQaOIKกNLBJK@r aZ@sIHกG]\POW_OWJKCกDK@ก?SกLกMAOAORAPO WE QNCE]Cr ULKCEE D@STZOก?SQR]CNOPDKYA?g@KC >กA@WกW_OEEDKIKกNLB
@]CZDBC YWROR@R]@C>Y bEOCDกI?tSTUENLB@]CRDกDK@CT]TZO >LCR STUEE]CrWGกCกกZNLB@]Cก@ ?BCQSSDKDAGV`IQHT]DAGV`IEAPOQHAF NC\POกQSS ก>HกQSSSTUENLB?กQSSRLKC?B>HEOCD uR@DKQ] T]W_]>HOCSTUE IJKYE@]CR]@CJKDKDSTUEก] RJ>>Y bEOCOCSTUENLBEAY?KCNC
\POS?CA?SS?g_aZ@T]D uR@DK_?Z> ULKC>HYWROS?BT]D Ha@_HTก?S\POW_OQHT]DWANOW_O Sก ก>ก?BFOWกOCSRLKCrNLBQO?B QE]T]W>A@ZPQ ?S GCWROZDNLB@P] S
?Bก>H@KCDAR@O@CT JK@r Z?C?Bก@LZR?กWกกQSSSTUEDKFPกEOC E?BCQE]N?BQกWก กYRZ uR@NCSTUET >FLCกW]W>W@HD@ZNCกกQSSW] HกSE]Cr >H b q>>?@YA?gDK_]@WROSTUE?B HSAY>TZO (f?__?@ DGI, 2544: 12)
STUE bJKDK@P]WAASAGNC\POW_OaZ@SPV IH\POW_ODaกDK>HJกAกRJT]
JกAกDKWZกTZOEEOCก FT @?CGกRGกQR]CTZO@]CC]@Z@ZO@กW_OAกT ECAE]Cr
\POW_O>LC?ก>HT]A]@DAZก?SG AQH qgRDKกZ>กกกQSSDK\ZIZ T]Y@A HZกQก]\POW_OC @กQก]กNOW>RJT]NOW>fDWกW_OC YWROEOC DK@T @?CSTUEJK Z?C?B>LC AกQSSSTUEIJKWROกZ Ha@_PCGZE]\POW_OC QHZLCZPZWRONOW_OSก@P]
W q>>GS?ก>ก>HDSTUE@P]ก@QO ก@?CDSTUEกZNLBWR]Gก? \POW_O>LCDCJกก NLBDK>HNOT ZCW_OSกWSTUEE]Cr IJKY D@SD@SRSDK]W>กDKGZ QDK>H@P]
WSTUEDKZPQO?S T]]IW> APOLกDKTZO>กQE]HSTUEDAQEกE]Cก?กT ULKCSTUEDK กQSSQOZP@CQHDกW_OCDKHZกกก]SDKZP?SG]@ DQE]NOPก@ERO>
QE]RHTT]> QH@?CW_OกWกQZC\QE]HRO กกQSSSTUE>LCD]YA?gWกOC A H?SW>WROก?S\POW_OC QHYWRO@กก?SNOW_ODกWAE
กกQSSSTUE?BT]TZOR@FLC?กMVHROENCSTUEID@C@]CZD@ QE]กDK@NOCE?BCQE]
กKEOกYRZ uR@NCSTUE HSGกG]\POW_O ก>?ZHSSNOP กOCAJKCJYC (Navigation) กกQSSROS T FLCกW_Oกxyก กJกW_OD QHก>?ZP QSSE??กM ก>ก?B@?CEOC AYLCFLCAQEกE]CNCJKกCWกQZC\STUEZO@ KCR]DBTZOQก] _ZQHG]NCSU (Browser) NZNCRO>E AHD@ZNCDWHSS T FLC ?{ก- (Plug-ins) _ZE]CrDK
\POW_OD@P] ULKC?กMVHE]CrDK HกSก? bSI>DB I?tNLBaZ@AEOCกDK>HJKFLCA bก?กMV sIHJKC RJsIHCAกDK?Cก?ZYWROกG] uR@S] STUE?B bCAก H`WZ D?กMVH NCCAก b@]CT T >FLC`II>NCCAกaZ@ ULKCJKDK b?>`MDB>HDA_?Z>QHTZO E?EFG HCA@]CT?BNLB@P]ก?SกกQSS?KC (_ ffD, 2541: 7)
STUEDKZP@CRJDPก]ก@?B >>HT]?S bกกQSSDKZDกTZO FOA@C QHPก]R]?BT]RHก?S?กMVHNCSTUE Daniel Donnelly ?กกQSSSTUETZOก]TO]
STUEDK>HYWRO\PO?SกZก>Z>YDKZD>HEOC bSTUEDKDAGVA]กก]A@C (Daniel Donnelly ,2002: 27) ZO@REGDB >LC bJKC@กDK>HHSG]กกQSSSTUEDKZD?B b@]CT JKC>กT]D R?กกV}Q]DKW_OTZOก?SGกSTUE QCกกQSSSC@]CDKRHก?SSTUERLKC >>HT]
RHก?SDกSTUERLKCกTZO YWROQCกกQSSNCQE]HSTUE?B QEกE]Cก?T E uR@QH
?กMVHNCSTUE?B STUESCQR]C>EOCกAGก AS?C NVHDKSJKก?SEOCก AFPกEOC _?Z> ]_JKFJ bR?ก Z?C?B>G TZO] กกQSSDKZDกAJ กกQSSWRORHก?S uR@QH?กMVHNCSTUEaZ@AYLCFLCAHZกWกW_OCNC\POW_O bR?ก
STUEQE]H H`E]CD uR@QH?กMVHDKQEกE]Cก? E?@]C_] STUEDK bHSSAOR (Search Engine) ULKC bQR]CDK@P]NCSTUEE]Cr YRODK b HEPT P]STUEJKr STUE H`DB D uR@DK>HWRONOPDK\POW_OEOCก@]CZ QH>HD\PONOW_OSกAORNOP b>YกWQE]
H? Z?C?BKCDKYA?gWกกQSSSTUE H`DBกAJFQZCROS@]CZJK\POW_O yZNO QHDHSSJSAONOPDKD Hf`I IJKWROTZO\?IfDKZ YR?SSTUEIJKAS?CRJ กDK@NOCก?S H?B \POW_O?กAZR?CDK>HTZOISก?SKCDK]EJKEO JKCDKGก IZI RJ>>H TZOD@POHSC@]C AYA?gWกกQSSSTUER]DB>LCDกIrก?SJBR`@WSTUE ] S?KT DKWROSกNOPULKCT]TZOD uR@DK>HWROAS?C A>HDก>?ZNOP@]C bHSSQHD P QSSDKNOW>C]@ IJKYWROFNOFLCNOPDKEOCกTZO@]CZ ULKC>กSTUE H`E]CrDKก]
?B>Y bEOCDCA HกSNCaACOC (Structure) QHROESTUE (Interface) DKZD
CA HกSNCกกQSSSTUEDKD Hf`I bIJB[DKYA?gNCSTUEDKTZO?Sก กQSSDKZD Z?CE]T DB (f?__?@ DGI, 2544: 16-17)
1. AD@SC]@ (Simplicity) 2. AKY (Consistency) 3. A bก?กMV (Identity) 4. JBRDKD Ha@_ (Useful Content)
5. HSSก_?DKW_OCC]@ (User-Friendly Navigation) 6. D?กMVHDK]W> (Visual Appeal)
7. กW_OC@]CT]>Yก?Z (Compatibility) 8. AGV`IWกกQSS (Design Stability) 9. HSSกW_OCDKFPกEOC (Functional Stability)
>HRTZO]STUEDKDกW_O?กMVHQHCA HกSZ?Cก] F_]@YWROSTUEDก กQSSDKZDQHD Hf`ITZO Z?C>HRE?@]CTZO>กSTUENCCAกRJR]@CNCE]C HDK DกCQ\I?tSTUE b@]CZD DกกYRZ uR@ QHDP QSSDKDE[ZD@ก? FLCA bก`I`@WCAก
STUE D@SJกQZC`I?กMVNCCAก?Br aZ@FWRONOPNCCAกWZO E]Cr FLCPA]AORJSก กOC`I?กMVWROก?SSTUE?B bfDกQHก@GfRLKCWก I?tSTUE ULKCCA HกSDKYA?gWกกQSSSTUETZOQก] ก>?ZC HSSกYC กW_O`I QHCA HกSJKr WNVHDKกOC`I?กMV?B bกกYRZP QSSaZ@กก]OCA QEกE]CW@HD@Z ULKCD>GZG]CR@IJKWRODกESC>กกG] uR@WRONOW>ZO@APOLก aZ@T]
>Y bEOC]QO Ha@AZD@ (www.webinteractiveconsulting.com)
P QSSกกQSSNCSI>NCCAก H`E]CrW HT@ DAQEกE]Cก?JKC>ก
?EFG HCAQHกG] uR@WกJKNCCAกDKQEกE]Cก? ULKCSI>NCCAก H`E]Cr W HT@?BD@ก] @?C@P]WH@HKEO aZ@D>GZG]CR@DKEOCกQZC?@?WกกO?
Aaa@D b]WRg] @?CTZOAYLCFLC?EFG HCANCกJK@]CQO>C ULKCAFWก
กQSSกxyกWSI>NCCAก H`E]CrNCT@@?CD>Yก?Z ?BCกCRAYA?g NCAGVS?EDKQO>CNCกJKP QSSDBNC\POSRCAก
q>>GS?DFS?กLกME]Cr I@@OCSTUENCENLB IJK bJKกD@ก IJKQHY RJIJK H_?I?fก>กE]CrNCFS?กLกM ULKCSTUEDKกDK@NOCก?SกLกM R]DBDQaODK>HIKกNLBJK@r QHSTUEDKOCNLBR]DBก>HDAQEกE]Cก?กT Eก กQSSNCQE]HFS?กLกM RJ?กกQSSSTUEกLกMQE]H] @]CTกEกกQSS STUEQHSI>DKZD WRO bDKW> FZLCZPZWROANOWSTUEIKกNLBJK@r?BT]W_]JKCC]@
?ก >Y b@]C@KCDK>HEOCDกAHR QHCQ\DKZD T FLCกI>V q>>?@E]Cr@]CSASก]
CJOC sH?BaกDKSTUE?B>H HSAORกD@P]PC (? fICM, 2544: 5)
P QSSSI>NCFS?กLกM?B ]WRg]D?กMVHก>?ZCDKD@SC]@ aACOCNCNOP T]U?SUO QHT]DALกก?ก QHDP QSSDK b?กMVHNCกCROR?CJ b]WRg] W_OIJB sกR?C bDN @]CTกESTUENCFS?กLกM?B>HI@@G]COก?กMVNCCAกDKJK FLCP QSSกLกMWCAก?Br QE]JKC>กSCFS? D?กMVHaACOCNCCAกDKDNZWRg] QH bFS?DKT]TZONOP]`กVQN]CN?W HT@ STUED?กMVHDKW_OCก?C`@WFS? b R?ก QHSGAADK bกG] uR@WกNO?SกLกM bกG] uR@CC Z?C?B>LCDQCก กQSS STUEDKQ กQ@กกT QSSE]CAE]CY QOYก?
aZ@>กกLกMP QSSSTUENCCAกQHR]@CDKD>GZG]CR@WกกQSSIJKOC
`I?กMVNCCAกaZ@T]R?C\กYTCfGก> ULKCTZOQก]R]@CC_ก QHFS?กLกME]Cr IS] >GXCกVR@?@ bFS?กLกMDKD_JKD@C aZ@D`I?กMVDK_?Z> QE]P QSSSTUE NCR]@C AVHE]CrW>GXCกVR@?@ T]DA bก`I NZก?กMVCAกDKZD DP QSSDK QEกE]Cก?ก T]HZกWกAORNOP aZ@กกQSSSTUE?BNLB@P]ก?SAFNCQE]HA ULKCกZ>กNZQCกกQSSDKDE[ZD@ก?
Z?C?BWก>?@A?BCDB >LCD>GZG]CR@IJKLกMFLCCA HกSE]CrDKกDK@NOCก?SกกQSS STUE IJKOCA bก`I ]C`I?กMVDKZD DP QSSDKHZกWกW_OCQHกAORNOP
?BCDB>HYT P]กOCP QSSE[WกกQSSSTUE RJ bQCWกกQSSSTUE WROก?SR]@CAVHE]CrW>GXCกVR@?@ IJK]Cก?กMVCAก@]CD Hf`IE]T
);PQ]c$(';'ก$);5>=
NOPZOกAOAO>กQR]CNOPE]Cr TZOQก] R?CJ EY ก C>?@ SA
@If JKKCIIE]Cr QH JKEE ULKCDQR]CNOPOCCRJSVGก ULKCFDK>H AOAORNOPIKETZO aZ@QS]C H`NCกDKกDK@NOCก?SR?NOก>?@TZOZ?CDB
1.1 กDKกDK@ก?SQAZQHlMDWJKCกกQSSIJKกJKSEE
1.2 กDKกDK@ก?SQAZlMDNCR?กกกQSSSTUE QHกกQSSIJB\RO>
AIE
1.3 กDKกDK@ก?SP QSSQHCA HกSWกกQSSSTUESIJB\RO>AIE WHSSEE
ก$\X$0(1ef/0#e/<Qf4YX4'ก$);5>=
กOCAJKCJDKW_OWก>?@ DN?BEQHfDกZYC aZ@D@HD@Z Z?CE]T DB 1. LกMAOAOQHY>P QSS CA HกS QH?กMVHกกQSSSTUENCCAก R]@C QHFS?กLกM?BCWQHE]C H _]CHR]C I.. 2547-2548 ULKC bH@HWก ZYC>?@ IJKY bE?@]CWกLกMP QSS AHRCA HกS QHIJKRQCWก กQSSSTUE aZ@LกMNOP>กP QSSกกYRZE[ ก?กMVCAกNCR]@CQHCAก E]Cr?BC`A?[QHก_ DKDกW_OP QSSก?กMVCAก ULKC bSTUEDK>ZHSD@WP QSSNC R]@CDKT]R?C\กYT TZOQก] STUEDK>ZHSD@ b .co .or .org .edu .ac
2. LกMAOAO>ก R?CJ EY ก C>?@ SA @If JKKCIIE]Cr QHJK EE
3. กOCQSSSFAAZRNC\POSRDKDE]`I?กMVQHP QSSE[STUE NCAVHW>GXCกVR@?@ aZ@P QSS bกESQSSSFQHกWRO?`MVAAZR
4. กOCQSSSFAAZRNC\PO_DK@_gDKDE]P QSSQHกW_OCP QSSE[
STUENCAVHW>GXCกVR@?@ aZ@กQHYNC>@DK LกM YOCQSSSFULKC QS]C b 2 H` AJ QSSSFAAZRNC\PO_DK@_gDKDE]P QSSE[STUENCAVHW
>GXCกVR@?@ QHQSSSFAAZRNC\PO_DK@_gDKDE]กW_OCSTUENCAVHW
>GXCกVR@?@
ก$กc$:']!83(%Q=#ก86Z#%>)/=Z$0
aZ@กJกQSS>H>C>กAVH\POSR AV>@ ?ก_ก ?กกQSS QH\PO_DK@_gZOก กQSSSTUERJกกQSSIJB\RO>AIE aZ@กQS]CกG]E?@]C b 3 กG] AJ AVH
\POSRNC>GXCกVR@?@ \PO_DK@_gZOกกQSSSTUERJกกQSSIJB\RO>
AIE (Designer) QH\PO_DK@_gZOกW_OCa QกSTUERJ\POZPQHSSaACOCSTUE (Webmaster)
ก$(ก*")")#.X/#8
กกSS?BCNOP>กก NOP>กก?`MV กSNOP>กQSSSF QH ก H\>กFE bAJKCJDKW_OWกLกM aZ@QS]C H`NCNOPDKTZO b 2 ?กMVH Z?CDB
!""\/"R$#%/'<Qf 1 bNOP_CAGV`I (Qualitative Data)W?กMVHNCJBRNOA AYS@@E]Cr DKTZO>กAYFQSS @ yZ (Open-Ended)
!""\/"R$#%/'<Qf 2 bNOP_C V (Quantitative Data)W?กMVHNCFE AFDK b E?N_C V DKTZO>กAYFQSS @ yZ (Closed-Ended) ก H\NOPCFEaZ@กR A]sDK@ QHA]]SDK@CSE[ ULKCTZO>กQSSSFW?กMVHE]ก HVA] (Rating Scale)
ก$);(1$3:-!83ก$'c$(\'/.X/#8
กG \>กกAHRQH H\NOP>กก>?@Z?Cก] IJKW_OYก` @ก
>?@ W_OfDกYNOP aZ@QS]C b 2 P QSS Z?CDB
1. กYNOPQSSSASNOP>กก NOP>กก?`MV QHNOP>ก QSSSF ULKC bNOP_CAGV`I (Qualitative Data) YAHRNOPQHW_OfDกS@@QSS IV_CAHR (Analytical Description) IJKYNOPFLCNOG WJKCP QSSE[ aZ@QS]C ECA HกS?BCRZ
2. กYNOPQSSFESNOP>กFE AFDK E?N ULKC bNOP_C V (Quantitative Data) Y H\NOPCFE QHAHREกV}E]A]HZ?SDKกYRZ QH YaZ@ก H HกSAYfS@
W8ก$);5>=
>กกSNOP H`ก ก?`MV QHกSFAAZRNC\PO_DK@_g YAHRNOP FG \ก>?@กDK@ก?SP QSSE[STUENCAVHW>GXCกV R@?@ Z?C>HY\ก>?@Z?CE]T DB
%/'<Qf 1 G \กAHRNOP>กQSSSFAAZRNCกG]\PO_DK@_gDKDE]R?กก กQSSWP QSSE[STUENCAVHW>GXCกVR@?@ aZ@QS]C H`NCAYFDKG TZO Z?CDB
1. QCกกQSSDKDA bก?กMVCAก (Identity) 2. QCกกQSSDKDAACE? (Consistency)
3. QCกกQSSDKDAD@SC]@ (Simplicity) 4. QCกกQSSIJKกASAG (Control) 5. QCกกQSSIJKก e?I?f (Interactive)
%/'<Qf 2 G \กAHRNOP>กQSSSF HAAZRNCกG]\PO_DK@_gDKDE]
CA HกSWP QSSE[STUENCAVHW>GXCกVR@?@ aZ@QS]C H`NCAYFDK G TZOZ?CDB
1. ?กMVHDKRHNCaACOCROS (Layout) 2. ?กMVHDKRHNCE??กM (Typography) 3. ?กMVHDKRHNCD (Color)
5. ?กMVHDKRHNC`I HกS (Illustration) 6. ?กMVHDKRHNCAJKCJYC (Navigation)
/g; $=W8!83.X/(\'/!'3
1. 8>กh23<Qf(:#$3\#./0i10\X$0!83ก$5>])$0/01- 3ก/"
>ก\กAHRZ?Cก]IS] กW_OP QSSaACOCROSWQE?BC QHกW_O aACOCROSDKIZDWRLKCRO>DARHWHZ?SกDKGZWกOAD@Cก? ?BCDBIH กW_O P QSSaACOCROSWQE?BC bP QSSDKTZO?SA@WSTUEE[NCCAกaZ@?KT aZ@DKROS>HQZCE?JKDKNSN IJKN@@NZROSWRODA@กก]IJBDKRLKCRO>
AIETZO ก>ก?BกW_OaACOCROSDKIZDWRLKCRO> ก bP QSSDK\POW_OFCR NOPGก]NCROTZOIOก?EZ YWROHZกE]กW_OC QHAORNOPTZO@]CZ
P QSSWก>?ZCROSTUEDKDARH AJ ก>?ZCAJKCJYCQSS Vertical Grid aZ@>?ZCQFSP]SQHCUO@ ULKC bEYQR]CDKZDDKGZWก>?ZCCA HกSJKr WRO SZO@ _] AJKCJYCA>?ZCTOZOSGZRJZO]CGZ IJKYWRO\POW_OCRTZO_?Z> QH JKNOPE]Cr `@WROSTZO@]CZ aZ@DKFW_OCTZOก?SRO>AIEGกHSS
2. 8>กh23<Qf(:#$3\#./0%>)/>กh
ARHNC>Y?กMVHE??กM (Type Face) DKS>G`@WRLKCRO>NC AIE AW_O?กMVHRJ H`E??กM 2-3 P QSS aZ@ADกJกW_O>Y?กMVHE??กM (Type Face) DKOCYZ?SAYA?gNCNOP RJ กOCYZ?S_?BNCJBR QHQS]C H`NCR?JKC R?NO@]@ QH@HD@Z ULKC>HYWROกFJKNOPTZO@]CHZก Z QH_?Z>
aZ@ก>?ZCDKDHSD@SQ]QHDAKY (Regular) DARHWก>?Z CA HกSNCE??กM (Type Composition) YR?SE??กMR?JKC (Head Line) QHE??กMJBR NOA (Body Text) กDKGZ JKC>กก>?ZCA HกSZ?Cก]ZAOCก?SกW_O bP QSSDK b E[QH bCก
ก ?SQ (Alignment) NCE??กMR?JKC (Head Line) A>?ZQSS_ZNSUO@ ULKC b P QSSDKC]@E]ก]E??กM?BC`MT@ QH`M?CกlM ER?กก]aZ@KEO>กZOUO@QH AJK@ET CN ]EYQR]Cก ?SQ (Alignment) DKRHNCE??กMJBRNOA (Body Text) AJ ก ?SQQSS>?Z_ZUO@ (Flush Left) QHก ?SQ (Alignment) QSS>?ZUO@NECก?
(Justified) ULKCDA bHSD@S QHZPDK bCก
?กMVHRJ H`E??กM (Type Face) DKRHYR?SW_OWกกQSSE??กMR?
JKC(Head Line) QHE??กMJBRNOA (Body Text) WP QSSE[STUENCAVHW>GXCกV R@?@ AJ กW_OE??กMQSSDR?W`MT@ QHE?T]D[ (San Serif) W`M?CกlM QHAW_O E??กM`I (Graphic Text) ก?SE??กMR?JKC (Head Line)IJKกOC`I?กMV QH?กMVHsIHE?
aZ@FกYRZA]E]C rNCE??กMTZO@]CZD _] _Z NZ H@HR]C D QHก ?SQ bEO aZ@NZDKRHNCE??กMYR?S`MT@QH`M?CกlM (Type Size) DKRH
QH`M?CกlM (Type Size) DKRHNCE??กMJBRNOA (Body Text) AJ NZ 10-20 I@ ?BCDB NZNCE??กM>HD\E]`INCE??กMQHA@กWก]
P QSSE??กM (Type Style) DKAJกW_OWกกQSSE??กMR?JKC (Head Line) AJ กW_OE??กMQSSE?R (Bold) RJE?RIM (Extra Bold) aZ@WกOE??กM RJNOAE]Cr AYWRODNZDKWRg]ก] RJD?กMVHODKRQHNOก]]JKr ULKC>HYWRONOADYZ?S AYA?gEก>?ZYZ?S_?BNCNOP (Hierarchy) YWRODA_?Z> QHHZกWกAOR ]QSS E??กM (Type Style) QSSE?กC (Medium) bQSSE??กMDKRHNCE??กMJBRNOA (Body Text) aZ@_]@OCAE]JKCWROก?SJBRTZO QHFW_OE??กMTZO>Yก ก>ก?B>W_O E??กMQSSE? (Italic) IJKOAY RJNOADKQEกE]CT >ก กE DKEOCกfS@ HกSTZO
aACOCE??กM (Type Structure) DKRHNCE??กMR?JKC (Head Line) QHE??กM JBRNOA (Body Text) TZOQก] กW_OE??กMQSSE?IIWRg] (Upper Case) bE?YQOEZO@
E??กMQSSE?IIก (Lower Case) JKC>ก baACOCDKRHก?SR?JKCQHNOADKZP b Cก
3. 8>กh23<Qf(:#$3\#./0\Q
?กMVHDKRHNC>YD DKS>G`@WRLKCRO>AIE AJกW_O 2-3 D aZ@กW_ODDK b?g?กMVNCQE]HAVH >W_ODJKrDKกDK@NOCก?SSSNC>GXW_O aZ@I@@W_ODDK JKFLCAVHE]Cr กRJ>กW_OD H>YNCAVHQO >W_ODAP]ก? RJW_OA]BYR?ก (Value) ANONCD (Intensity) RJAZNCD (Saturation) ER?กกlMDDW_OWกกQSS aZ@EOC bกW_ODK b P QSSZD@ก? QHDA bก`I (Unity)
?กMVHDKRHNCกW_ODE??กMJBRNOAQHDIJBR?C AJ กW_OIJBR?CaD ] _] DN, D] AW_OE??กMDaNO _] DZY, DQZC, DBYC bEO RJกW_OIJBR?Ca DNO _] DZY, DQZC, DBYC AW_OE??กMDa] _] DN, D_IP, Dxu bEO ULKCAE]Cก?NC DZ?Cก] >HYWROกZA_?Z> QH?SPOTZOC]@ aZ@กW_ODNCE??กMJBRNOA (Body Text) AJกW_O 2-3 D IJKQZCกOAYRJNOA _]@WROกZAQEกE]C>กE??กM กE ?BCDBAAYLC AกกJก?SCA HกSJKr ZO@
4. 8>กh23<Qf(:#$3\#./0\>d (Icon)
?กMVHDKRHWก>?ZCE?g?กMV (Logo) WP QSSE[STUENCAVHW
>GXCกVR@?@ AJ ก>?ZCEYQR]CNCE?g?กMV (Logo) QSS_ZZOS (Top) QH>?ZQSS_Z UO@ (Flush Left) JKC>ก bEYQR]CDKRHก?S?g?กMVIHกDB@NC>GXCกVR@?@ ULKCA>?Z TOZOSIJKQZCAAI QH>?ZTOZOUO@IJKกCRTZO_?Z>
aZ@?กMVHDKRHNC H`E?g?กMV (Logo) NC>GXCกVR@?@ AW_O E?g?กMVRJ>C R@D IJKQZCFLC@HD@Z A@CNCIHกDB@TZO@]C_?Z>
ก>ก?BAAYLCFLCAHD@ZQHNZDKRHNC?g?กMVZO@
YR?S?กMVHDKRHNCกJกW_O?gP (Icon) AJกW_O?gP _C?g?กMV (Symbolic) 2 E (2D Icon) RJ 3 E (3D Icon) aZ@Yก?กMV RJ?กMVHZ]NCQE]HAVHW_O _]
P QSSANCAVHE]Cr RJ?g?กMVNCQE]HAVHW_O ก>ก?BA>?ZYP QSS?gP b_GZDKD
?กMVHZD@ก??BCRZ QHW_OfDกOCAQEกE]C (Variety) _] ก ?SD กW_ODECNO (Positive and Negative)
5. 8>กh23<Qf(:#$3\#./0g$O 3ก/"
กW_O`IF]@RJ>C (Realistic) DARHกDKGZ IJKYJKCQZC`I ก>ก QHJKCE]Cr aZ@T]กZก\ZIZNCกJK ?BCDBNLB@P]ก?SกJกW_OEARH ก?SCA HกSE]Cr aZ@?กMVH CA HกSW`I HกSAAYLCFLCJBR P QSSDK>HY ULKC AD?กMVHQAAZ (Concept) ZD@ก? QHQZCFLC`I?กMVNC>GXCกVR@?@
6. 8>กh23<Qf(:#$3\#./0(1ef/0#e/'c$<$0
?กMVHDKRHNC H`AJKCJ_]@YCWกกQSSSTUE?B >HDA WกOAD@Cก? NLB@P]ก?S?กMVHNOPQHกW_OC aZ@WP QSSSTUEE[?B AOกW_O AJKCJYC H`QFSYC (Navigation Bar) กW_OP QSSJSAONOP (Search Box) QHกW_O P QSSNOA_JKa@C (Hyper Link) JKC>ก bHSSYCDKFJKNOPTZO@]C_?Z> C]@E]
กNOW> QH]C`I?กMVQSS bCกTZOZD
ก>ก?B WกAORNOPWHSSS?g RJ Q\DKSTUE AW_OHSSกYC NLB@P]ก?S?กMVHaACOCNOP FONOPQS]C bYZ?S_?BDK_?Z> AJกW_OHSSS?g (Table of Content) QHDKFJKFLCaACOCCAกTZO _] กW_OQ\DKSTU (Site Map) JKC>กFAOR QHNOFLCNOPTZO@]CZ
?กMVHDKRHNCกกQSS`IDKW_OWPYC AกQSSQFSPYCW Q (Horizontal) QHW_O`IID@C 1 QSS `@WQFSPYC 1 QFS aZ@กW_O`I?g?กMV (Symbolic) IOAYfS@กYก?S ?BCกW_ONOA_JKa@C (Hyper Link) HกSAYfS@DKNOW>TZOC]@
@]CTกEAJกW_OQFSAJKCJYCQSSZD@ก?EZ?BCSTUE
?กMVHNCNOA_JKa@C (Hyper Link) b?กMVHE[DK@W_Oก??KT ULKCNLB@P]ก?S HSSSUNCAIE aZ@ กENOA_JKa@CDK\POW_O@?CT]TZOAก>HQZCDBYC ]NOA _JKa@CDK\POW_OAกQO>HQZCD]C YWRO\POW_OSFLC]DKTZONOT QOQH]DK@?CT]TZONOT aZ@>
W_OfDกQSSDNCNOA_JKa@C?BC 2 QSSDKE]CกT IJKWROZAOCก?SDNCROS?B .X/(\'/!'3
1. ก>?ZกG]P QSSE[STUEEกV}กQS]C H`NCNOP QHกW_OCSTUE NCAVHW>GXCกVR@?@?BC 3 กG] AWROJกW_OaZ@NLB@P]ก?S?EFG HCANCกG] uR@ b YA?g
2. กกYRZD H>YNCAVHE]CrW>GXCกVR@?@ bก?`MVAAZR>ก AVH\POSR Z?C?B>Dก DK@Q CNOPTZO
3. กกYRZP QSSE[STUEaZ@W_Oก?กMVCAกNC>GXCกVR@?@ F YWROกZก`IZD@ก?WCกQSS QE]>NZA bก?กMVsIHDKQEกE]CTZO
$=ก$/X$0/;0
กกก a>DกG. (2546). `I?กMVNC>GXCกVR@?@W@E H__NEกGCIRA.
@If ggRS?V}E `A_ก H_?I?f AVHE >GXCกV R@?@
f?__?@ DGI. (2544). A?`D Web Design AP]JกQSSSTUsS?SJ_DI. กGCIRA: a _?K
? fICM. (2544) กI?tR?กกกQSSSI>กLกMEP QSSSTUE@Z@NCT@.
@If ggRS?V}E `A_aE?LกM AVHAGE >GXCกVR@?@
_ ffD. (2541). AHRกกQSSSI>W Z TZ S DKQS]CE H`NCCAก.
@If ggRS?V}E `A_กJK_ AVHE >GXCกVR@?@
?Z >Cก. (2531). IHกDB@. กGCIRA : Y?กIIQR]C>GXCกVR@?@, 2531.
Clement , Mok. (1996). Designing Business. Indianapolis: Addison-Wesley.
Jakob Nielsen. (1995). The AlertBox: Current Issues in Web usability. [Online]. Available from:
http://www.useit.com/alertbox
Patrick Lynch and Sarah Horton. (2005). Web Style Guide. 2nd edition. [Online]. Available from:
http://www.webstyleguide.com
Wendy Chisholm, Gregg Vanderheiden and Ian Jacobs. (1999). Web content accessibility guidelines 1.0 [Online]. Available from: http://www.w3c.org/tr/wai-webcontent/wai-pageauth.html
