Bahasa/Language
 

Muka Utama 
Pengenalan
Biodata
Keluarga 
Galeri
Aktiviti 
Promosi 
Laman Lain 
Artikel 
Pelbagai
Buku Tetamu
Hubungi saya 
Peta Web



Waktu Solat


 


Peta Web = 'Site Map' mengikut definisi saya sendiri adalah butiran mengenai cara2 pembuatan laman web dan perkara2 yg dirasakan berkaitan juga tip dan 'link' yg berguna untuk yg baru nak bermula dlm 'web design'. Berikut adalah butirannya...

 

My Machine Platform:

AMD K62 3D Now! 500MHz

Epox Mpv3c2 Mainboard

196 MB SD Ram Kingston

40GB Maxtor 5400rpm

Elsa Gladiac 311 GeForce MX 32 MB

Creative Sound Blaster Live! Value

40x12x48x Lite-On CDRW

Altec Lansing XA3021(the most crunched speaker audio system in the world)

 

Operating System:

Windows 98 2nd Edition - most reliable, stable n user friendly OS ever

Internet Browser:

Internet Explorer 6.0 - best browsers for net

 

Software n usage: (order is based on contribution for the web):

Macromedia Dreamweaver 4.0 > http://www.macromedia.com/
-paragraph, table, font management

-javascript management

-web title, content and keyword management

-html source code editing

-dual view graphic as well as code editing program

  

Microsoft Frontpage 2000 > http://www.microsoft.com

-sound management

 

Ulead PhotoImpact 8.0 > http://www.ulead.com

-banners n buttons

-high end attractive graphic editing tools

 

Swish v2.0 > http://www.swishzone.com/

-simple n easy way to create flash movie


Macromedia Fireworks MX v6.0 > http://www.macromedia.com/

-animated images editing

 

ACDSee v3.0 > http://www.acdsystems.com/

-image viewer

-simple n easy to use image photo enhancer n tools

 

Useful tips n tricks;

http://www.oocities.org

http://www.topcities.com

http://www.dhtmlshock.com/

http://www.dynamicdrive.com/

http://java-scripts.net/

http://javascript.internet.com/

http://www.javascriptkit.com/

http://www.jsmadeeasy.com/

 

Other softwares contributing in making the web:

Winamp 2.8, Creative WaveStudio v 4.06, Creative Recorder 1.01, MP3 Decoder 1.32, XingMPEG Encoder, Adobe ImageStyler 1.0, Adobe Photoshop 6.0, PixelView Station, Microsoft Word 2000, Winzip 8.0, SplitIt95, Nero Burning Rom 5.5.8.0

 

Credits for those contribute:

A4Tech NetScroll Mouse, unbranded keyboard, 14" Samtron 45Bn, Duraplus cdrw disc n diskette, pensonic PF-41N fan...

 

My recommended useful tip in web design:

 

# 1

 

Ten Good Deeds in Web Design

By Jakob Nielsen, SunSoft Distinguished Engineer

 

 When analyzing Web design, it is easy to identify a large number of mistakes that reduce usability:

* the original top-ten mistakes of Web design

* the top-ten new mistakes of Web design

* the top-ten mistakes of Web project management

 

It is much harder to say what good things to do since I have never seen a website that was truly stellar with respect to usability. The best major site was probably amazon.com as of late 1998, but during 1999 Amazon declined in usability due to the strategy of blurring the site's focus.

 

Of course, articles that list 30 mistakes can be seen as constructive criticism and a prescription for 30 things to do in a Web project: design to avoid each of the mistakes!

 

Here's a list of ten additional design elements that will increase the usability of virtually all sites:  

 

1. Place your name and logo on every page and make the logo a link to the home page (except on the home page itself, where the logo should not be a link: never have a link that points right back to the current page).  

 

2. Provide search if the site has more than 100 pages.

 

3. Write straightforward and simple headlines and page titles that clearly explain what the page is about and that will make sense when read out-of-context in a search engine results listing.

 

4. Structure the page to facilitate scanning and help users ignore large chunks of the page in a single glance: for example, use grouping and subheadings to break a long list into several smaller units.

 

5. Instead of cramming everything about a product or topic into a single, infinite page, use hypertext to structure the content space into a starting page that provides an overview and several secondary pages that each focus on a specific topic. The goal is to allow users to avoid wasting time on those subtopics that don't concern them.

 

6. Use product photos, but avoid cluttered and bloated product family pages with lots of photos. Instead have a small photo on each of the individual product pages and link the photo to one or more bigger ones that show as much detail as users need. This varies depending on type of product. Some products may even need zoomable or rotatable photos, but reserve all such advanced features for the secondary pages. The primary product page must be fast and should be limited to a thumbnail shot.

 

7. Use relevance-enhanced image reduction when preparing small photos and images: instead of simply resizing the original image to a tiny and unreadable thumbnail, zoom in on the most relevant detail and use a combination of cropping and resizing.

 

8. Use link titles to provide users with a preview of where each link will take them, before they have clicked on it.

 

9. Ensure that all important pages are accessible for users with disabilities, especially blind users.

 

10. Do the same as everybody else: if most big websites do something in a certain way, then follow along since users will expect things to work the same on your site. Remember Jakob's Law of the Web User Experience: users spend most of their time on other sites, so that's where they form their expectations for how the Web works.

  

 Finally, always test your design with real users as a reality check. People do things in odd and unexpected ways, so even the most carefully planned project will learn from usability testing.

# 2

 

Top Ten Mistakes in Web Design

By Jakob Nielsen, SunSoft Distinguished Engineer

 

1. Using Frames

 

Splitting a page into frames is very confusing for users since frames break the fundamental user model of the web page. All of a sudden, you cannot bookmark the current page and return to it (the bookmark points to another version of the frameset), URLs stop working, and printouts become difficult. Even worse, the predictability of user actions goes out the door: who knows what information will appear where when you click on a link?

 

2. Gratuitous Use of Bleeding-Edge Technology

 

Don't try to attract users to your site by bragging about use of the latest web technology. You may attract a few nerds, but mainstream users will care more about useful content and your ability to offer good customer service. Using the latest and greatest before it is even out of beta is a sure way to discourage users: if their system crashes while visiting your site, you can bet that many of them will not be back. Unless you are in the business of selling Internet products or services, it is better to wait until some experience has been gained with respect to the appropriate ways of using new techniques. When desktop publishing was young, people put twenty fonts in their documents: let's avoid similar design bloat on the Web.

As an example: Use VRML if you actually have information that maps naturally onto a three-dimensional space (e.g., architectural design, shoot-them-up games, surgery planning). Don't use VRML if your data is N-dimensional since it is usually better to produce 2-dimensional overviews that fit with the actual display and input hardware available to the user.

 

3. Scrolling Text, Marquees, and Constantly Running Animations

 

Never include page elements that move incessantly. Moving images have an overpowering effect on the human peripheral vision. A web page should not emulate Times Square in New York City in its constant attack on the human senses: give your user some peace and quiet to actually read the text!

Of course, <BLINK> is simply evil. Enough said.

 

4. Complex URLs

 

Even though machine-level addressing like the URL should never have been exposed in the user interface, it is there and we have found that users actually try to decode the URLs of pages to infer the structure of web sites. Users do this because of the horrifying lack of support for navigation and sense of location in current web browsers. Thus, a URL should contain human-readable directory and file names that reflect the nature of the information space. Also, users sometimes need to type in a URL, so try to minimize the risk of typos by using short names with all lower-case characters and no special characters (many people don't know how to type a ~).

 

5. Orphan Pages

 

Make sure that all pages include a clear indication of what web site they belong to since users may access pages directly without coming in through your home page. For the same reason, every page should have a link up to your home page as well as some indication of where they fit within the structure of your information space.

 

6. Long Scrolling Pages

 

Only 10% of users scroll beyond the information that is visible on the screen when a page comes up. All critical content and navigation options should be on the top part of the page. (So why is this page long: because it is a leaf node that is only read by people with special interests - but I should have been briefer!)

 

7. Lack of Navigation Support

 

Don't assume that users know as much about your site as you do. They always have difficulty finding information, so they need support in the form of a strong sense of structure and place. Start your design with a good understanding of the structure of the information space and communicate this structure explicitly to the user. Provide a site map and let users know where they are and where they can go. Also, you will need a good search feature since even the best navigation support will never be enough.

 

8. Non-Standard Link Colors

 

Links to pages that have not been seen by the user are blue; links to previously seen pages are purple or red. Don't mess with these colors since the ability to understand what links have been followed is one of the few navigational aides that is standard in most web browsers. Consistency is key to teaching users what the link colors mean.

 

9. Outdated Information

 

Budget to hire a web gardener as part of your team. You need somebody to root out the weeds and replant the flowers as the website changes but most people would rather spend their time creating new content than on maintenance. In practice, maintenance is a cheap way of enhancing the content on your website since many old pages keep their relevance and should be linked into the new pages. Of course, some pages are better off being removed completely from the server after their expiration date.

 

10. Overly Long Download Times

 

I am placing this issue last because most people already know about it; not because it is the least important. Traditional human factors guidelines indicate 10 seconds as the maximum response time before users lose interest. On the web, users have been trained to endure so much suffering that it may be acceptable to increase this limit to 15 seconds for a few pages.

Even websites with high-end users need to consider download times: we have found that many of our customers access Sun's website from home computers in the evening because they are too busy to surf the web during working hours. Bandwidth is getting worse, not better, as the Internet adds users faster than the infrastructure can keep up.

 


| Muka Utama | Pengenalan | Biodata | Keluarga | Galeri | Aktiviti | Promosi |
|
Laman Lain |
Artikel | Pelbagai | Buku Tetamu | Hubungi saya | Peta Web |

^atas^


Web ini adalah tanda niaga?CybeRom.
Semua kandungan adalah hakcipta terpelihara 2004 © CybeRom dan pemiliknya.
*
*
*
*