بررسی کلیات سایت

يبررسي كليات سايتhttp://www.bscmsc.com

Ali harmeh 2010/5/10

[email protected]

برسي المانهاي مهم طراحي سايت در مورد h // b

دامنه1 نام

http://www.bscmsc.com نام دامنه1..2Home pageچه مي كنيد؟ چه سودي به مشتريان مي رسانيد؟ 3.

كي هستيد؟ 4.كچگونه مي شود با شما تماس گرفت؟5..6FAQشكل ظاهري و نماي اوليه سايت7.طراحي و تركيب رنگ سايت8.9Site Map .9Site Map

صفحات وب سايتدانلودسرعت10.

كاربردي بودن اطالعات سايت 11.ك آ استفاده آسان براي كاربر12.

برسي المانهاي مهم طراحي سايت در مورد h // b

،ياداشت13 شنهاد ،پ ام پ بخش

http://www.bscmsc.com Googleرنكينگ24 بخش پيام ،پيشنهاد ،ياداشت13.

ارتباطات سايت14.

خبرنامه15.آ

Googleرنكينگ24.

.25Google Search

بندي سايت امتياز26.گ آزمون از راه دور16.

.17Schedule of events

.18Live Customer Service

گيرينتيجه27.

سايت هاي ديگر پيشنهادات و بررسيدومبخشسرخط خبرهاي مرتبط19..20Site Search Engineرسان21 روز به به روز رساني21.امنيت سايت 22.بخشهاي در حال ساخت23.

5 of 100 (Domain)نام دامنه

انتخاhttp://www bscmsc comانتخاااانظاز

100

انتخابhttp://www.bscmsc.comانتخاب براي موجود هايمعيارنظراز Domain بسا چه باشد مي محض اشتباه يك http://tourani.ir يا

http://tourani.comباشندبهتريهاي انتخاب.

30 of 100

Home pageساعت؟

100

ساعت؟

فضاي بال استفاده باالي صفحه؟

آرمي بي هدف؟

اخبار درHome page آنهم بخش اصلي؟

قالبي تكراري و خشك

سودي چه كنيد؟ مي Products(چه & Services(15به of 100 به )Products & Services(چه مي كنيد؟ چه سودي

100) اهداف موسسه(رسانيد؟ مشتريان مي

هيچ نوع اطالعاتي موجود نبود.

10 of 100 100كي هستيد؟

هيچ نوع اطالعاتي موجود نبود

0 of 100 چگونه مي شود با شما تماس گرفت؟

ه ا ت ل كا اطالعات

100

اطالعات كامل تماس موسسه

شماره تماس

آدرس

Email

هيچ نوع اطالعاتي موجود نبود

0 of 100

FAQ (Frequently Asked Question)ن

100

موجود نبود

14

27 6

59

4

شكل ظاهريبررسي3

48

35

1ادامه 2

3

30 of 100 شكل ظاهريبررسي

4

100

70 of 100

د• داشا:ف زگداقتهدا تتاك دزيدناال تف

100:طراحي و تركيب رنگ

بهترين سفيد . چيزي بودن معاصروماليمت،صميميت،پاكيزگي،صداقتبهدارداشاره:سفيد•. است بخش انرژي و گير خستگي رنگ سفيد تجارت در . است وب هاي گراند بك براي رنگ

آبجاللووجاهوابستگ،وفاداري،ايمان،سرما،پذيريمسئوليت،اعتماد،امنيت:آب• آبي . جالل و وجاه وابستگي،وفاداري،ايمان،سرما،پذيري مسئوليت،اعتماد،امنيت:آبي.است مالي ضمانت بمعناي تجارت در . پسنداست عوام رنگ دومين

.است گرايي سنت بمعنايتجارتدر.بودنعمليونفوذ و اعتبار،زيادصميميت:خاكستري• يري رزيي نيوووب رربو يج ييب ر

25 of 100 Site Map )Navigate (100

Site Map موجود نبود Navigating در حد قابل قبول

65 of 100 100صفحات وب سايتدانلودسرعت

در حد قابل قبول

30 of 100 Usability (100(كاربردي بودن اطالعات سايت

عدم انسجام اطالعات وجود دارد.ومتنوع نبودند مقاالت مفيد.

اطالعات باشندCheapبرخي مي غيرعلمي موارد برخي در .و .و در برخي موارد غيرعلمي مي باشند Cheapبرخي اطالعات

50 of 100 User friendly100استفاده آسان براي كاربر

متوسط

30 of 100 100:بخش پيام ،پيشنهاد ،ياداشت

در حد اداي وظيفه!

20 of 100 100:ارتباطات سايت

لينك به سايتهاي مشابه از سايت اصلي وجود دارد15در حدود.

0 of 100 100:ارتباطات سايت

از خارج به اين سايت هيچ لينكي وجود ندارد!

0 of 100 100خبرنامه الكترونيكي


20 of 100 100آزمون از راه دور

فعالً كه كار نمي كند.

5 of 100

Schedule of events100


5 of 100

Live Customer Service100


5 of 100 100سرخط خبرهاي مرتبط

بسيارمناسب

5 of 100

Site Search Engine100

موجود نبود.

5 of 100 100سايتبه روز رساني وضعيت

مناسب

5 of 100 100امنيت سايت


5 of 100 100بخشهاي در حال ساخت

بسيار زياد

5 of 100 Google 100رنكينگ

در حد صفر

Google Search

15 of 100

Google Search100

نتايجGoogle رضايت بخش نيست!

امتياز كلي سايت

25.2 of 100100

0.2, نام دامنه 0.4, كي هستيد؟

0.4, ارتباطات سايت

Schedule of events, 0.4 چه مي كنيد؟ چه سودي به مشتريان مي0.6,رسانيد؟ 6.,رسانيد؟

Google Search , 0.60.8, آزمون از راه دور

Live Customer Service, 0.8

2.8,به روز رساني

100از 25.2سهم عوامل ذكر شده در0.8, امنيت سايت

3.4, سرخط خبرهاي مرتبط

0.8,بخشهاي در حال ساخت

Site Map , 1

2.6, سرعت دانلود صفحات وب سايت Home page, 1.2

شكل ظاهري و نماي اوليه ت 1ا 2

ي وب و ,ر

1.2,سايت

كاربردي بودن اطالعات سايت

بخش پيام ،پيشنهاد 1.2,

2.8, طراحي و تركيب رنگ سايت

1.2, ،ياداشت 2, استفاده آسان براي كاربر

نتيجه گيري

اين سايت نياز به تغييرات بنيادي دارد و بايستي در طراحي دوباره حداقل.اصول اوليه طراحي سايت را در آن پياده نمود

بخش دومهاي مشابه پيشنهادات و بررسي سايت

htt // bhttp://www.bscmsc.com

Ali Molazemi 2010/5/10

[email protected]

Googleرنكينگدي كل كلمات اك ت Site Mapتراكم كلمات كليدي

8-5عنوان صفحهword

Site Map

محتوي كيفي

250-200شناسه توصيف word

100-50شناسه كلمه كليديword

Broken linked

Contact Page(email)

شناسه ارزش گذار

شناسه جايگزين تصوير

Link هايي كه از سايت هاي ديگر به سايت شما.شده است

روشهاي پيشنهادي بهبود ترافيكشه غن دي كل ات كل ا قاالت از تفاد ا استفاده از مقاالت با كلمات كليدي غني و مشهور

خبرنامه

گزارشهاي رايگان

درج مقاله

مجالت الكترونيكي

شكل ظاهري و نماي اوليه سايتعنوان)title(صفحات ن ت)title(و صپس است ضروري نيز سايت مندرجات و محتويات طرفي از و ببينند را مربوط نا و هم در صفحات كه خواهند نمي كاربران

.هستند برخوردار اهميت از هم با دو هر آن انتشار و ساختار وجود اين با

كنند مي بازديد خواهند مي...وخريدياوجستجومورددركهايويژه اطالعاتبرايراشماسايتكاربرانمعموال.

كه آنچه به مند عالقه فقط وب كاربران .ميدهند انجام سريعتر و راحت را كارشان باشد، آسانتر آنها براي عمل اين چقدر هر خواه خود ها مشتري كه دارند اين بر اعتقاد هستند جزئي و خرده تجارت كارهاي در كه كساني.هستند بيابند خواهند مي

دركرانكتهاينشمااگروداردمنگهبازراتجارتدرهايكهاستصورتحسابپرداختكهدانندمآنهاول،هستند درك را نكته اين شما اگر و دارد مينگهبازراتجارتدرهايكهاستصورتحسابپرداختكهدانندميآنهاولي،هستند.كند تامين را كاربران تجاري اهداف آن ساختار كه آورد خواهيد بوجود اي صفحه كنيد

سايت نظير سايتيhttp://www.cnn.comكل از كلي مرور توانيد مي سريعا سايت به ورود محض به . بگيريد نظر در را را آنچه و كنيد مرور بعدي عبارت بهعبارتيكازنگاهباراسايتكلتوانيد مي شماديگرعبارتبهياوباشيدداشتهسايت آوريدبدستسريعخيليبخواهيدكه

اررنگاينكهشودتوجهموضوعاينبهبايد،صفحهيكبنديرنگدر چهباوايصفحهچهدراستق

: گنرطراحي و تركيب چه با و اي صفحه چه در استقراررنگاينكهشودتوجهموضوع اينبهبايد،صفحهيكبنديرنگدر

. است مهم مطالب بندي رنگ در ، سايت موضوعيت و عملكرد به توجه اصل يعني . رودكار به موضوعي زمينه براي سفيد رنك از معموال ، باال بسيار بازديدكننده با هايي سايت ، كل طور به و دولتي هاي سايت

.كنندمياستفادهشدهمشاهدهلينكهايبرايبنفشرنگوصفحههايلينكبرايآبيرنگوصفحات .كنند مي استفاده شده مشاهدهلينكهايبرايبنفشرنگوصفحه هايلينكبرايآبيرنگوصفحات

در رنگ پر سبز رنگ مثال . كنند مي استفاده مكمل هاي رنگ از ، دارند شخصي جنبه تر بيش كه هايي سايت هاي سايت طراحي در يا و دهدميبازرگانيموضوعيتباهاييسايتبهخاصيجذابيت،ايسرمهكنار

گگ طراحي در ها رنگ كد كاركردبهتوجهحالهربه.شودمياستفاده شادخيليهايرنگاز،كودكان.است برخوردار مهمي اهميت از وب صفحات

گ ا ش ا اث

: گنرطراحي و تركيباثر روان شناسي رنگ

قابليت خواندن متون صفحات سايتمرنگ متمم رنگهاي انتخابي براي پس ضمينه ، تصاوير ، لينك ها و متون

وجود تطبيق رنگي بين لوگوها و آرم هاي صفحات با رنگ بندي متون و مطالب به كار گرفته شدهتوجه به نوع مخاطب و بازديدكننده بخش هاي مختلف سايت

د ا ات ا ا ي ادي ز اث ند90نگها گذا دن د ل ا ه ثان .ثانيه اول ديدن ميگذارند 90رنگ ها اثر زيادي روي احساسات ما در .رنگ ها رفتار ما را در برابر يك موضوع فقط تشديد نميكنند ، بلكه اثر خود را كامال در رفتار ما نشان ميدهند

.هر رنگ به تنهايي يك پيام مخصوص به چشم بيننده ميفرستد

:طراحي و تركيب رنگ

بك براي رنگ بهترين سفيد . چيزينبودمعاصروماليمت،صميميت ، پاكيزگي،صداقتبهدارداشاره:سفيد•گگگگ .استبخشانرژيوگيرخستگي رنگسفيدتجارتدر.استوبگراندهاي رنگ براي مشكي . باستان و مهارت ، شيطان ، فريبندگي ، شهامت ، دليري ، قدرت ، ظرافت به دارد اشاره : سياه •

. ميكند خسته را چشمزمينهپسرنگبعنوانرنگاين. استآلايدهروشنزمينهپسيكرويمتن . ميكند طلب را خود به توجه بيننده از رنگ اين . تهاجم و خطر ، سرعت ، شديد احساسات ، هيجان ، توانايي : قرمز •

.ميكند تسريع را تنفس و قلب ضربان و است احساس رنگ ترين شديد رنگ اين . است بدهي و وام بمعني درتجارتييبي عوام رنگ دومين آبي . جالل و وجاهوابستگي،وفاداري،ايمان،سرما ، پذيريمسئوليت،اعتماد،امنيت:آبي• يريو نرپ ريي يو ب ينبيجاللووجو مرو و

.است مالي ضمانت بمعناي تجارت در . است پسند در . خونسردي و حسادت ، پيشرفت ، طبيعت ، بهبودي و شفا ، آزادي ، حاصلخيزي ، فراواني ، تندرستي : سبز •

.ميشودديدههمهازترراحتهاچشمدر رنگاين.استثروتومقامبيانگرتجارت ر رج مررينروومبي ويزررچ ي طبيعت در و ماست خاكي كره رنگ اي قهوه . بودن كننده كمك و مالي توانگري ، متانت ، گذاري تاثير : اي قهوه •

.است فراوان بسيار

:طراحي و تركيب رنگ

.است گرايي سنتبمعنايتجارتدر.بودنعملي و نفوذواعتبار،زيادصميميت:خاكستري•.كودك پرورش و گناهي بي ، بودن خوب ، زنانگي و ظرافت ، شيريني ، ماليمت : صورتي • تجارت در . مهارت و سوگواري ، نفوذ و اعتبار ، دارايي ، نعمت و عيش ، بودن شاهانه ، معنويت ، وقار : بنفش •

.استهنرمندانههايسبك از طرفداريبنفش.استدادننشانبزرگ شبزر ريب ريبزر و تحمل ، نيرو و چاالكي ، كردن تشويق ، گرمايي تعادل ، خوشگذراني و لذت ، شوخي و سرزندگي : نارنجي •

همتي بلندد• دن:ز ش ش،گ،خ دي،خ ادتوت،نا تدح تتجا ا خ عازد انهن وشنفك روشنفكرانه نوع از درخواست تجارتدر.حسادتوترسويي،نامردي ،خوشي،گرمي،خورشيدنور:زرد•

ترين سخت و ميكند زياد را ساز و سوخت ، شده تمركز افزايش باعث زرد . است خوب نيز تاكيدبراي و است.هاست چشم براي رنگ

اننشانگ:طال• ژدنگ تت ا .استپرستيژوبودنگراننشانگر:طاليي•.است پرستيژ و اعتبار و بودن علمي ، سرما : اي نقره •

To find & gather information for you web f g f f ysite, you need to pull out your…

Business brochoures Business brochoures

Newsletters

B i d Business cards

Flyers

Newspaper & magazines ads

Schedule

Pricing information

Gift from your Site Forum Easy to use & navigate Forum

Poll

b k

Easy to use & navigate

Don’t confuse costomer

f ll ebook

Live Customer Service

Usefull

Daily News Headline

Site Search Engine

Auto FAQ

دور راه از آموزش آموزش از راه دور

آزمون از راه دور

سيستم ارسال پيامك

بالگ؟

HUMAN IMAGESاستفاده از پيامهاي تصويري بخصوص

Communication styles differ across cultures and highly individualisticcountries like Canada and the United States prefer more factual and textadvertising, while collectivist countries like Japan prefer more symbolicg p p f ymessaging. (de Mooij 1998; Hong et al. 1987).

HUMAN IMAGESاستفاده از پيامهاي تصويري بخصوص

كند ياري را مختلفشما هاي نه زم در شما از ن به توجه با تواند م تجو ج موتورهاي از استفاده استفاده از موتورهاي جستجو مي تواند با توجه به نياز شما در زمينه هاي مختلف شما را ياري كند..شناساندن و به نمايش گذاشتن نام شركت شما در سطحي بسياروسيع -.جذب مشتريان جديد -ترافيك- كننده(افزايش بازديد افزايشدرآمد)ميزان نتيجه در شما سايت .وب .وب سايت شما در نتيجه افزايش درآمد) ميزان بازديد كننده(افزايش ترافيك.شناسايي مراجعين دائمي به وب سايت -.تبليغات و پيشنهادات فروش -ي.تبليغات عمومي -.بازاريابي براي محصوالت -افزايش فروش الكترونيكي -

نه1 دا د)Domain(نا ائ ن انتخاب د خ نت نت ا كا ك اي نا ذ نف ا .با نفوذ و مناسبي براي كسب و كار اينترنتي خود انتخاب نمائيد)Domain(نام دامنه-1.از آدرس پست الكترونيك با نام دامنه خود استفاده نمائيد - 2در وب سايت خود شماره تلفن ، ساعت كار، آدرس پستي شركت ، آدرس پست الكترونيك شركت و - 3

.آدرس پست الكترونيك شخصي خود را قراردهيد ي ر ر ر و ي ي رو پ رس.لينكهاي برقراري ارتباط را روي وب سايت خود قراردهيد - 4.اطالعات و مندرجات وب سايت خود را بروز كنيد - 6.امكان تماس شخصي را در وب سايت خود فراهم نمائيد-7 م.از جسته و گريخته بودن مطالب و تعدد صفحات پرهيز كنيد-8.طرحي باب سليقه بازديد كنندگانتان انتخاب نمائيد - 9

.شوند Downloadصفحات وب سايت شما بايد بسرعت-10ك گ ك ك .امكان ارسال پيشنهادات و نظرات بازديد كنندگانتان را فراهم كنيد-11

.امكان تبادل لينك و ارتباط با وب سايتهاي ديگر را پيش بيني كنيد -12

مبه هر جهت يك راهنماي خوب در هنگام طراحي وجود :دارد كه به قرار زير است

هاي ت ان از ان كا كنند17Inchشت تفاد ا ت ك ا 17بيشتر كاربران از مانيتورهايInch يا كمتر استفاده مي كنند.

كار مي كنند 800*600بيشتر كاربران با تنظيم تفكيك پذيري.

از سرعت پايين اينترنت استفاده مي كنندبيشتر كاربران.

اغلب كاربران مرورگرهاي ورژن پايين دارند.

تعداد كمي از مردم زمان زيادي را براي بارگذاري فايلها صرف مي كنند.

سايتكالسيك طراحياست ساده و متفاوت گرافيكي داراي كالسيك سايت طراحي

طراحي سايت كالسيك

با كه ميشود استفاده خاصي هاي رنگ از آنها در و ميباشند ساده معموال كالسيك هاي سايت در گرافيكي هاي منو و ها بنر باشد داشته را تاثير بهترين ، مخاطب نوع به توجه

لف تا كا شازكال ااآ فاز شا انن تكلد اتكازا تاطال ن نيست اطالعات و عكس از پرسايتكليچيدمانونميشوداستفادهزيادي هايآپشن ازكالسيكسايتاولصفحهدر

ميشود استفاده شركت فعاليت نوع با مرتبط كامال و اي حرفه بسيار تصاوير از كالسيك سايت در

ات تفاالتكل تا كاا تاااازكال كاكالتتك ميرود بكار ممكن حالت ترين كوتاهدربسياريهايبررسيازپسكالسيك هاي سايتدراستفادهموردجمالتوكلمات

است شركت تبليغات ساير با منطبق كالسيك هاي سايت در استفاده مورد گرافيكي هاي باكس و ها منو كليه

ع نتن تفادهايف تدشدا كهايا تنظكال تا نتازك تفادفانتزيهايف دا ش ميشود استفاده فانتزيهايفونتازكمترواستمنظمكالسيك هايسايتدرشدهاستفادههايفونتنوع

< كالسيك سايت طراحي نمونه

بسياري از موتورهاي جستو جو كاربر را ملزم به ورود پارامترهاي : موتور جستوجوي انعطاف ناپذير: اول ▪ . زيادي مي كنند

ا ف ض اا ا ف افق ا ا الق ا كا . كاربران عالقه اي به پيمايش افقي صفحات ندارد: پيمايش عرضي صفحات وب:دوم▪ اضافه , صفحه 100بايد به سايت هاي با بيش از Searchبخش : عدم وجود بخش جست و جو: سوم▪

. شودن:چهارم▪ مت و ها نت ف باالي:اندازه ادي اف ص خص چكمشكل40به ك يا نازك وف ح با سال سال با حروف نازك يا كوچك مشكل 40به خصوص افرادي باالي:اندازه فونت ها و متون:چهارم

. دارند و بايد ترتيبي اتحاذ شود تا از طريق مرورگر امكان تغيير اندازه فونت ها فراهم شود. خسته كننده هستند, متن زياد معموال سايت هاي حاوي متن هاي حجيم : پنجم▪ . كاربران ترجيح ميدهند كه خودشان مقصد را تعيين كنند: پنجره هاي باز شوي خودكار:ششم▪ رم و وي ز ب ي جر يينپ ر ص ن و ي رجيح ن ربركاربران بايدبراي وارد كردن : جمع آوري آدرس هاي پست الكترونيكي بدون هيچ روند امنيتي: هفتم▪

. كامال مطمئن و متقاعد باشند, خود E-mailآدرس كاركتر 75انتخاب يا كار بر روي آدرس هاي بيش از :آدرسهاي طوالني و پيچيده صفحات:هشتم▪ يم

. مشكل است,دارندمشخص و در مكانهاي مناسب , بايد كامال برجسته E-mail: در مكان نا مناسب E-mailپيوند : نهم ▪

. بوده و از پيوندهاي معمول صفحه تفكيك شودkگ . دومين دكمه مورد استفاده كاربران است Backكليد:بازگشت كنند يا ناموفق به صفحات قبل:دهم▪

ها برنامه در موجود اشياي و عناصر از كاربر براشت :استاندارد غير برداشت(GUI( گراافيكي رابط :يازدهم ▪ .است شده تثبيتافناز افااگ ثگ اا انا گاناط ك ااز مي سايت بازديدكنندگان دراطمينانايجادباعثبيوگرافيوجود :ها سايتدربيوگرافينبود:دوازدهم▪ .شود .ميگيرد قرار كاربران استفاده مورد هم قديمي اطالعات مواقع اغلب در ارشيو ضعف :سيزدهم▪ند:چهارده▪ ايمتعدهايپ دنب ان:خاصصفحاتبهرس راستفادهبهمايلكارب ندازمك ايهاپ ب براي ها پيوند از مكرر استفادهبهمايلكاربران:خاصصفحاتبه رسيدنبرايمتعدهايپيوند:چهاردهم

.نيستند هدف به رسيدنCHAT مانند امكاناتي از استفاده :پيشرفته امكانات از موعد از بيش استفاده: پانزدهم ▪ هاي انجمن ايجاد,

ن,وو مي تحمل سايت مديران براي رازياديماليبار,غيرهوسايتبعدي 3 نقشه,رايگانE-mail,گووگفت ي ي,ر ر,يرويب ييب يرزي نبر يليير .كنند .بود خواهد دهده آزار , سنگين هاي گرافيك وجود :صفحات كند گذاري بار :شانزدهم ▪م .كنند مي خودداريتبليغاتيساختارهايمشاهدهازمعموال كاربرانتبليغاتيساختارهاي:هفدهم▪ فقط نه( اينترنت كاربران تمامبرايكامالبايدسايت:خاصافراد براياختصاصيطراحي:امهجده▪

.باشد زني گشت و استفاده قابل)متخصصينبايد نوع سايت از نظر جنبه هاي تجاري يا اطالع رساني مشخص :رسالت و هدف نا مشخص سايت:نوزدهم▪

.شود

درصد هزينه راه اندازي سايت در 50بودجه پشتيباني و نگه داري بايد حداقل به اندازه : فراموش كردن هزينه پشتيباني سايت: بيستم ▪. نظر گرفته شود

يكم▪ و ت دوم:ب دسته يكرسانه عنوان به سايت از تلويزيون:تلق با اساسسايت هاي تفاوت وشور ب يا روزنامه روزنامه يا بروشور تفاوت هاي اساسي ,سايت با تلويزيون:تلقي از سايت به عنوان يك رسانه دسته دوم:بيست و يكماز طرفي ارتباط ما را به عنوان يك رسانه تمام وقت با افراد متعددي برقرار مي كند و .بنابراين نبايد از آنها كپي برداري كنيم.دارد

. نبايد آن را دست كم گرفتنبايد حاوي همان پيوند تبليغ در صفحه باز ,مثال پيوند يك تبليغ بعد از ورود به آن: پيوندهاي تكراري از نظر محتوا:ودومبيست▪

.شده باشد. !اينترنت يك مكان عمومي است:بيست و سوم ▪. به منزله رد نيازهاي كاربران است, رد خواسته هاي بازار : و بازار بهروريعدم قبول مهندسي :بيست و چهارم ▪. مشكالتي را در بر دارد, اين موضو براي چاپ و آدرس دهي صفحات :فريمياستفاده از قاب ها و صفحات چند :بيست و پنجم▪ جم پ و ت چ:بي ت ص و ب از ت:ريميا يص رس آ و پ چ براي وضو ار,اين بر ر را ي .ال. مشكالتي را در بر دارد, اين موضو براي چاپ و آدرس دهي صفحات : فريمياستفاده از قاب ها و صفحات چند : بيست و پنجم ▪. از سايت را بر هم ميزند كنندگانتمركز بازديد : و متون متحرك انيميشن: بيست و ششم ▪عدم وجود پيوند براي بازگشت به صفحه اصلي و صفحات ديگر مشكلي بزرگ در : صفحات غير قابل بازگشت: بيست و هفتم ▪

ت ا ت ا ل ل . تحليل سايت استت. مرور كردن صفحات به طور كلي جالب نيست: طوالني scrollنوار مرور : بيست و هشتم ▪. كاربران نبايد هنگام گشت زني تنها بماند: ضعف در راهنمايي سايت:بيست و نهم ▪. هر رنگ معنايي دارد:استفاده از رنگهاي غير استاندارد براي پيوند:سي ام▪ م پيوي ي بر ر ير ي ه ر رز يي ر ر. باعث كاهش اعتبار و ارزش سايت ميشود: اطالعات قديمي در سايت: سي و يكم ▪.براي بعضي از مشتريان يافتن سريع قيمت اجناس مهم است: عدم درج قيمت محصوالت: ودومسي ▪

What makes a web site credible?P i di t l t ( t li )Purpose immediately apparent (use a tag line)

Domain affiliated with institution ( i l h i d d )(virtual host: pci.sdsu.edu)

Clear way to contact organization

Timely information (updated regularly)

What makes a web site credible? (continued)Hi h lit hi /l t/ lHigh-quality graphics/layout/color

Clear writing (8th grade level)

Eliminate bugs, typos, bad grammar, misspelled words

Corrupted data, error pages, broken links

Cit f i f ti ( tb d li k )Cite sources for your information (outbound links)

What makes a web site credible? (continued)

Can you read this?

d b lreadability

Usability: What makes a web site ynavigable?

L ti Sti k t l ft id t f bLocation: Stick to left side or top of web page (what people are used to)

Menus: Avoid drop down menus or constrain to oneMenus: Avoid drop down menus or constrain to one level

Flash: Avoid using Flash for navigation (unpredictable and distracting)

Labels: Use explicit link labels (don’t use “click here”)(don t use click here )


G i G li k h th tiGrouping: Group links when there are many optionsLinks: Avoid having a link on a page that points to

the current pagethe current pageMake links clearly identifiableDifferentiate visited and unvisited linksff

Use bread crumbsDistinct window titles


Example of a navigable web site Example of a navigable web site

72

Web Design Process

Spring 2006IEOR 170

73

Site MapsHigh-level, coarse-grained view of entire site

Site Maps

Spring 2006IEOR 170

Database Navigation

The database or grid design is made up of multiple divisions and each division has its own structure. This type of navigation can be used effectively when large amounts of data are required in the web site design.

The hierarchical design goes from the general to the specific; from a

Hierarchical Navigation

home page to divisions to subdivisions. A visitor could easily go from the home page to other areas of the web site and back again.

Making your site easy to navigateHelp potential customers find what they are looking for as quickly and easily asHelp potential customers find what they are looking for as quickly and easily as possible.

• Design your site with a clear hierarchy.• Use descriptive categories• Use descriptive categories.• Maintain consistent navigation.• Use breadcrumbs to let visitors know where they are.• Use color to distinguish between visited and unvisited links.• Use local navigation to link to related content. Guide visitors to similar products, relatedp ,

products, background information, author biographies, product reviews, customer

Making your site easy to navigatetestimonials, etc.testimonials, etc.• Provide multiple ways to find products. These can include browse, search, wizard,

featured products top sellers related products etcfeatured products, top-sellers, related products, etc.• Make sure your logo is clickable and takes the user to your home page.• Make sure each page is an effective landing page. Visitors should know exactly where

they are in the site and what they are looking at. If your site promotes different items in

the same category, visitors should be able to view other items easily.

Eye-Tracking Studies of Web Pages Studied where and when users look at web pages Studied where and when users look at web pages

Eye tracking equipment (video camera looks at shape of pupil)

Hot spots - upper left

Blind spots

Poynter Institute: Eyetrack III,2003

How the Eyes MoveS i f d ll d d ( 100 ) d Series of movements and pauses, called saccades (ave. 100 msec) and fixations (ave. 250 msec)

E f ll Eyes follow ascanpath

[Eyetrack III, Poynter Inst. 2003]

How Users Look at News Web Sites Start in upper left quadrant Start in upper left quadrant

Users look at text first

Users look at the first few words of headlines

Users read five headlines before clicking Users read five headlines before clicking

“Banner blindness” - users don’t look at ads or quickly look awayq y y Text ads viewed more than graphic ads

Heatmaps:red: almost allred: almost all

yellow: most

dotted line

purple X

red horizontal line

82

Spring 2006IEOR 170

Designing your website F Pattern - users typically scan your page in an ‘F’ pattern. This influences

how you should layout your website.

Things you need to consider

Navigation Use link titles that easily, and quickly, describe the purpose of the link Home About Us Our Staff Links Home, About Us, Our Staff, Links

Make your site yeasy to navigate A well organi ed generally drives the ease of navigation A well-organized generally drives the ease of navigation.

Keep scrolling down to a minimum by keeping individual Web pages short.

Always have links back to your home or major sections.

Use color to identify for users where they are in your site.

جستجوموتورهای اهميت

اي دن د ت فق اي ا ل عا ه ند كدا ن الكت ت ا ت د اي ه ت كه ان كساني كه تجربه اي در تجارت الكترونيك دارند ، سه عامل را براي موفقيت در دنياي ك.تجارت آنالين ضروري مي دانند

آوردن بيننده به سايتسايت به بيننده آوردن بيننده به سايتآوردنآوردن بيننده به سايت

ا آمارآ93كنند مي استفاده شان عالقهموردهايسايتيافتنبرايجستجو موتورهاياز،خريداراندرصد رر يزري ور يوو نبر يورييي

57 خدمات يا كاال براي ها جستجو اين از درصد 46 و كنند مي جستجو روز هر ، اينترنت كاربران از درصد است

85 شوند مي باعث گر جستجو موتورهاي را اينترنت در هدفمند ترافيك درصد

منبع : searchenginewatch.com

Google1آمار

g

Altavista2

Yahoo3

live Search Microsoft4

کنند عوض را خود الگوریتم جستجوگر موترهای

سایت وب در فنی مشکالت وجود

باشيددادهسایتوبدرزیادیتغييراتاستممکن

55کاهشکاهشعاملعامل

55کاهشکاهشعاملعامل باشيدداده سایتوبدرزیادیتغييراتاستممکن

کنند روز به را خود صفحات شما رقيبان

کاهشکاهشعاملعاملPage rankPage rank

کاهشکاهشعاملعاملPage rankPage rank

خارجی لينکهای وضعيت

Make your site attractive Choose simple colors that compliment each other & work on most web Choose simple colors that compliment each other & work on most web

browsers.

Keep graphics less than 20,000 Bytes p g p , y(20 kilobytes) to make them download reasonably on a home modem.

Keep animated gifs to a minimum.

Use graphics that compliment your image.

A l f tt ti it (b t i d li )An example of a very unattractive site (best viewed online).

T t id b l d tt ti W b itToyota provides a balanced, attractive Web site.

:استفاده از مقاالت علمي و سودمند مانند

اشد نداشته افق ل ك ا ها، شن ل ز ا ت د ات صف انداز اندازه صفحات در تمامي رزولوشن ها، اسكرول افقي نداشته باشد

و در صورت 800*600اندازه صفحات وب پويا بوده و در صورت نياز به ثابت بودن صفحات اندازه آن.مي باشد 768*1024ضرورت برو ي

با توجه به استفاده اغلب كاربران اينترنتي از خطوطDialUp اندازه و حجم صفحات وب همواره يكي ازلذا از . فاكتورهاي مهم براي ازرشيابي صفحات بوده و موجب تسهيل دردسترسي به صفحات خواهد بود

گ فا ا ا ف ا ال ا ا ا ا ا ا .حداقل تصاوير با حجم پايين و ابزارهاي مالتي مديا در صفحات استفاده گردداقل

لينك بازگشت به سايت اصلي در تمام صفحات سايت هاي اختصاصي لحاظ گردد.

سايت امنيت امنيت سايت

صفحه تشكر ازCustomer

كا اي ان آ تفاد ا استفاده آسان براي كاربر

عنوانtitle) (صفحاتغ ا محتويات غني

استفاده از نقشه سايت

شكستن سايت به جدولهايtable) (كوچكتر

How does Google Analytics help my g y p yAdWords account? Google wants you to attract more of the trafficGoogle wants you to attract more of the traffic

you are looking for, and help you turn morevisitors into customers. Use GoogleAnalytics to learn which online marketinginitiatives are cost effective and see howvisitors actually interact with your site.Make informed site design

rovements, drive targeted traffic, and increaseyour conversions and profits.

Si it' d f !Sign up now, it's easy -- and free!

ReferenceReference

htt // b http://www.bscmsc.com

MIS Quarterly Vol. 33 No. 3—Cyr et al. Appendices/ September 2009

http://www.emarketingway.ir/ http://virlan.com/home.html

Encouraging Community through Your Website: What’s HOT and What’s NOT presentation for COE 27th

Annual Conference | Friday, September 19, 2008 | Dr. Cynthia D. Park & Manny Uribe Website Design Cecilia R. Aragon -IEOR 170 -UC Berkeley -Spring 2006

Website Design & Development-Bryan Garnett-Law Website Design & Development-Bryan Garnett-Law

www.mel.org/citoolkit Library of Michigan Foundation

http://faraznet.net/doc/coloring

Yahoo Searching Marketing

www.Google.com