Online shopping

I've built an online shopping system on DIGS Sportswear

The checkout is with PayPal. It's easy to add other payment gateways.

There is plenty of documentation and help available as companies want you to use their gateway.

An online payments solution allows you to accept payments securely via your website, giving your customers peace of mind and minimising your business risk

If you are looking for a reliable, cost effective payment solution that is backed up by ongoing friendly and expert support, is for you

Pay Online Payments supports payments from a number of credit cards and payment methods – including Visa and MasterCard – and it can be integrated with American Express, Diners Club International and PayPal.

With Pay Online Payments you can accept payments from credit cards issued in Australia or overseas. This allows you to sell to international customers.

You could typically be selling online with Pay Online Payments in as little as five business days.

Get online fast, with less hassle. Pay Online Payments has a simple online application process, with no visits to banks

24 A mix of these (and more not listed) are used on most websites. Information Design Information Design is concerned with the effective presentation of content on a screen. The objective is to optimise communication by organising information in a cohesive and pleasing layout. When creating a layout, the principle output of the Designer is called a 'wireframe'. A wireframe is an outline drawing of a possible arrangement of web content. It often does not contain any colour or other visual elements. It simply shows where content could be placed for the purposes of good communication. It is up to a Graphic Designer to then take the Wirefames and convert it into a full visual design. Figure 7. An example of a wireframe for the homepage of a website about global warming. A set of proforma Wireframes have been created for you. These wireframes include advice on the most important content that should appear on your site. 25 Visual Design Visual Design is what most people think of when they consider web design is, i.e. cool online graphics. However, this phase of production is much too important to decided based on what is thought ‘cool’ or not. Rather, it should be based on how well it matches: • The goals of the site. • The expectations of users. • The values of your organisation. When evaluating a Visual Design, it is crucial that analysis remain as dispassionate as possible. While everybody has colour preferences, they are usually not relevant. Instead, you should call on the expertise of the Graphic Designer (or usability data) to understand the merits of a potential solution. Having said that, some type of debate is probably inevitable, simply because Visual Design is often the most sensitive phase of all site development. The challenge is to keep deliberations focussed and prevent a battle emerging over colours or images. In this regard, it is worth emphasising that the expertise of the Designer (together with the results of any usability studies) should be paramount. Only she has the training, skills and experience necessary to determine what does and does not work visually on the web. Based on this advice you can then select a preferred solution. Usability Explained Usability is a term often used during website development. It has 2 distinct definitions. 26 Definition 1: Usability encompasses quality attributes that determine how easy a design is to use. There are 5 attributes of something that is “usable” : • It is easy to learn how to use it. • It is efficient of use • It is easy to remember how to use it. • The possibility of errors happening is quite low. • People feel satisfied when using it. Definition 2: Usability refers to methods used to achieve ‘usability’ during the design process. These methods are also referred to as User Centered Design, User Experience Design or UX Design. Some methods include (some of these are explained in this document): • Personas • Card sorting • Wireframes • Expert/heuristic review Your designer will employ whatever methods are appropriate to produce a usable website, within the constraints of your budget. 27 Website Construction Website Construction is a process for converting content and design into web code, usually HTML. Figure 8. Website Construction as a phase of the Development Cycle. There are a series of guidelines that you need to follow to make sure your website conforms to best practice. These guidelines encompass: • Browser compatibility. • Screen resolution. 28 • Web accessibility. • Other, e.g. coding languages, metadata, character sets, analytics, etc. The most important are summarised below. Browser Compatibility A browser is the software used to display a website on your computer. There are several of these products available (as well as different versions for each product), and each of them can display a site slightly differently. To ensure your site is presented correctly on the broadest possible range of computers, you must tell your designer and coder to make sure it is fully compatible with the following browsers. Windows Vista, XP, 2000, NT, ME, 98, 95 Apple Other, i.e. Linux®, Sun®, Unix®. Internet Explorer Netscape Firefox Opera Mozilla™ AOL Browser Apple Safari™ Internet Explorer (discontinued) Netscape Firefox Opera Firefox Konqueror™ Mozilla Netscape Chimera™ Figure 9. Common desktop browsers on popular Operating Systems A good way to check what software people use to view your website is by analysing your web traffic analytics.