Rules of Web Design



Design is a multidimensional discipline that extends across art, technology, fashion, architecture, product development and several other fields. Beautiful and creative design can make a product, a marketing material, a website or even an office space more impressive and memorable. People nowadays are bombarded with a great deal of information with little time to spare and could be easily discouraged if the presentation of the information is not appealing or enticing. Recent studies states that average web surfers make up their minds on whether to stay on a website in less than 5 seconds after visiting the site. A good website should have both great design and great content.
Capturing the attention of a particular audience could be done more effectively with beautiful design and layout. On the Web the saying goes "content is king" but producing quality content and information while concurrently neglecting its visual beauty and aesthetics most times results in low acceptance and impact on the targeted audience. Beautiful landscapes and impressive panorama stand out and also invoke an aesthetic appreciation of nature in us, likewise impressive architectural, product and website design could make us experience the same feeling. The process of design involves seeking to generate various possible solutions, utilizing different techniques and thinking outside the box in the production of creative solutions. It is important to remember that good web design isn't just about a beautiful treatment alone, but it should also perform at a high speed.
Here are some of the basic rules to make sure your site's visitors get enticed, bookmark your site and most importantly return to your site.
Know your audience
It is important to first identify your audience before commencing on a design project or any other project. Knowing the identity of your target audience is absolutely necessary in order to know how to pass your message effectively to them and hopefully engage them on your website. Knowing your audience will not only help in the presentation of the information but also in creating quality content for them. By spending time thinking about the nature, demography and characteristics of your audience, subsequent design thinking time will be better focused and meaningful. Getting to know your audience might require a research which can either be quantitative, with hard statistical numbers about the size and composition of target user groups, or qualitative, with information about what that user group buys or consumes and what their lifestyle is like depending on the website's functionality. If this is a client's project and you have to execute a comprehensive research, feel free to include it in your quotation.
Use a clear and simple design
Simple is better. A beautiful design relies heavily on understanding the spatial relationships that exist between the different individual components of the design. Common components include logo which represents identity, navigation which should be easy to find and use, content which is what your site visitors are looking for, whitespace which refers to any empty area of a page, and finally the footer which usually contains copyright, contact, and as well as a few links to the main sections of the site. The logo and navigation are usually placed at the top of the website and should placed on every page of the website for better navigation. Whitespace helps a design to "breathe" by guiding the user's eye around a page, but also helps to create balance and unity. Your visitors should be able to find the information they are looking for in your site with three clicks else they are likely to click off your site as rapidly as they clicked on it.
Effective color selection
Selecting colors is no simple matter. Whether you're painting a house, or you're trying to design an attractive website, if you choose the wrong color, you could be headed for a disaster. With most modern displays having the ability to render more than 16 million colors, color combinations should be selected carefully to avoid the infinite number of horrible color combinations waiting to happen. It is important to note that different color choices generate different psychological responses. E commerce web site owners want to know which color will make their web site visitors spend more money. There is a field of psychology known as color psychology which is devoted to analyzing the emotional and behavioral effects produced by colors and color combinations. While selecting color, it is important to know whether you need warm or cool colors. Warm colors are the colors from red to yellow, including orange, pink, brown, and burgundy. Because of their association with the sun and fire, warm colors represent both heat and motion. When placed near a cool color, a warm color will tend to pop out, dominate, and produce the visual emphasis. Cool colors are the colors from green to blue, and can include some shades of violet. Cool colors can calm people down and reduce tension. In a design, cool colors tend to recede, making them great for backgrounds and larger elements on a page, since they won't overpower your content.
Choose images thoughtfully
Images have the ability to convey and communicate an idea or a lot of information very quickly and effectively, this explains why images are such a prominent part of web design. As the popular saying "a picture paints a thousand words", therefore images should be carefully presented. It is very important to avoid stretching of images so as to avoid distorting the quality of the images. Images can have various cultural, social and even religious interpretations so it is important to know the contexts within which they are used. The right images carrying the necessary messages are capable of capturing a visitor's attention, informing him/her about vital things or events and persuade him to act and get engaged on the site. Meanwhile wrong images can create a disaster by confusing, annoying and even repelling your website visitors.
Use beautiful typography
Typography is the medium through which the content is presented to the end user and therefore has an overall effect on the personality of the site. Typography could be useful as a channel through which you can transform a simple text into an expressive image and thereby improving communication. Good typography makes a design more appealing, enticing and could be a cornerstone to a successful web design. Even the combination of different font types could produce an artistic flair, but be careful not to confuse your users by using too many fonts in a project except it is absolutely necessary. Like in color selection, choosing which typeface to use might be an important decision, but how to mix them effectively is even more critical. Also note that line spacing, (which is the spacing of the lines of your text) could spice up a good scheme of typography.
Design for different screen sizes
Unlike some decades ago when majority of Internet users accessed the Internet through their PC, web designers were only bothered about large desktop displays. This has however changed due to the recent advances in mobile computing, with users now turning to their hand held devices to browse the web and have access to information on the go. With this convenience for users comes the challenge of optimizing websites for different screen sizes and devices ranging from smartphones, tablets and other mobile devices out there. It could be quite a challenge to design a website to look the same in every browser, platform and screen resolution, but the efforts invested will pay off later in the long run. It could be advisable to make sure you optimize for 1024×768 first, which is the most widely used screen size. However a new website building technique called Responsive Website Design (RWD) has emerged. This technique permits you to create a website that responds and adjusts in size to the different view ports of hand held devices and smaller screens that people use.
Make your forms easily to use
Web forms are also essential to websites because they stand in the way of user needs (a customer online order system for example) and they can improve the overall functionality and usability. It has been researched that most people dislike filling in forms, therefore web designers need to care enough of about good form design. On the Web today, forms are the keystone of eCommerce, social interaction sites, most productivity-based applications and other various web applications. This is one of the reasons why form design matters. While designing forms it is important to think about the user whose interest lies on the other side of the form, therefore it is important to minimize the pain of forms especially registration forms. In a situation when you have a long form, feel free to segment them into logical parts to avoid losing the interest of your site users.

The Future of the Desktop



Are we there yet?

After years of struggling to consolidate and effectively utilise data center resources, the IT industry has, it could be said, been successful in creating new paradigms and new technological innovations to better use less-for-more. At least that's the theory. The practical application lacks some credibility as the myriad of factors around sizing and provisioning usually results in more-for-the same. This conundrum is further complicated by the ever-expanding demand for desktop resources. Delivering applications to the desktop using current technologies requires a lot of back-end resourcing.
The term 'Desktop' applies to any device that can receive applications and services from the data center. 'Desktop' isn't any longer restricted to the familiar workstation/PC. It can be a cell-phone, a tablet, notebook, terminal-client, Smart TV and so on. This plethora of gadget-types further strains the back-end provisioning and resourcing needed to deliver to millions of devices in remote locations 24X7 or, even high numbers of users within the LAN. 'Less infrastructure for more usage' becomes a rather thin and reedy mantra when mobility, TV and *BYOD is included with desktop PCs and workstations as clients for remote delivery of applications and services.
*BYOD = Bring Your Own Device
Things have to change
Given the well-known issues around delivering applications to the terminal client, via *VPN, *VDI and from the 'cloud' paradigm, and to the mobile device using Telcos, 'cloud' and the data center, it isn't surprising that up to now the user experience hasn't been a particularly enjoyable one. You can only push so much data down a copper wire, across multiple *WAN devices and over long distances. Add to this the multiple operating systems and protocols being used and the lack of co-operation between market-leading vendors and you have a recipe for slow, attenuated and intermittent reception. There is also a lack of integration of many desktop applications when they finally get to the device.
*VPN = Virtual Private Network
*VDI = Virtual Desktop Interface
*WAN = Wide Area Network
I want it now and then?
The future is on the desktop and it isn't going to be based on massive silos of hardware in multiple data centers around the globe. User and business demands dictate that IT providers move away from the traditional infrastructure delivery systems to a more elegant and lean provisioning of applications and services to the multiplicity of ever-changing devices and user-needs across the globe. Not great news for hardware vendors but, an irreversible trend has developed that isn't going away any time soon.
The desktop of the future, or the mobile dash-board, or whatever new epithet is created to label the client device, will be able to receive applications from multiple sources. Probably, the 'cloud' will play the major role as the delivery model. A cloud is still the product of a data center but, instead of using specific and particular data centers, applications will be in repositories around the world within environments like *AWS. Where today business invests in data centers to deliver applications, the future will be more about outsourcing to cloud and applications offered on subscription rather than owned by the user or business recipient. This is already happening and it can only increase. For example, imagine you need an application like *SAP or a *CRM but, you only need it for a couple of people for a couple of weeks. To purchase licences, carry out installation and provide the resources needed to run these large and complex applications is costly, time-consuming and financially pointless if you don't need to use them every day for years. Why not simply subscribe to a service in the cloud that can deliver the applications only when you need them and charge only for usage? This makes good business sense and removes the pain associated with owning and installing, maintaining and updating software monsters. Recently, Adobe announced that future upgrades of the applications in its Creative Suite will be from the cloud ONLY. With monthly or yearly subscription for the application/s from software vendors like Adobe, you will be able to finely adjust your budgets for each contract right down to the tools you use. For small graphics offices, students and individuals this is a massive advantage.
*AWS = Amazon Web Services
*SAP = German Software Company Product
*CRM = Customer Relations Management
The Future?
The future of the desktop will be all about flexibility, functionality and interoperability. It's going to be a long while before LINUX, Android and Windows are interoperable. Vendors are not keen to give too much away in a gesture of co-operation. However, with the development of more elegant VDI delivery and desktops that can provide the breadth of functionality users will demand, plus new and exciting paradigms of vendor-agnostic application delivery that do not rely on back-end resources but, utilise the client resources, we can look forward to applications and services available when we need them from anywhere, anytime and for only as long as we need them.
There are no 'thin-clients anymore. Even cell-phones have multiple *CPUs and lots of memory. Only the size and shape of clients are changing and getting more compact. The processing power available from clients is huge and an almost untapped resource. This offers exciting new opportunities for moving processing and application support to the front-end and away from the data centers.
*CPUs = Central Processing Units / Computer Processing Unit
And finally...
In the future all desktops will be a simple framework written in a language yet to be created but, I suspect, close to Java and *XML. Configurable and able to agnostically respond to any application need while completely abstracted from the underlying operating system and independent of the data center for resourcing. Some might say that VDI is close to this state but, I would hazard that it's not close enough.

Review of Microsoft's Tablet PC - The Surface Pro



Microsoft has recently released two tablet PCs called Surface RT and Surface Pro. Given our focus in business computing, the Surface RT does not provide enough features for our liking but The Surface Pro does, and as a result we wanted to see if it could in fact, be a viable laptop replacement.
The Surface is Microsoft's newest line of touch-screen tablet PCs and was specifically designed to work with Microsoft's newest Windows operating system, Windows 8. The beauty of the Surface Pro is that it offers powerful hardware matching business class laptops but in a much smaller, travel friendly size. This is a rare combination in today's market. In looking at some of the specs, the Surface Pro weighs 2 pounds configured with a solid-state hard drive and comes equipped with wireless connectivity and ports for external USB-3, mini-HDMI video and a slot for a SD memory card. There are third party docking stations which connect to the USB port allowing you to attach a mouse, keyboard, Ethernet, video and additional USB ports when working in the office. Most likely, all you would need.
Set up is the same as any other Windows device. The Surface asks you to choose your language, accept the Microsoft Terms of Service, apply a few settings, and it's ready for use. Windows 8 also has the ability to allow the user to log in with a Windows Live ID, rather than a standard local profile. This provides cloud services and allows the user to store the profile of the Windows 8 device in the cloud so it's available, along with specific settings, to any other Windows 8 device when logged into the Windows Live ID.
Windows 8 provides two separate desktop environments for ease of use. Upon login, the Surface desktop defaults to the 'Tiles' environment. This environment is suited to touch screens like smart phones, allowing you to swipe and click to access programs pinned to this screen. On this layout, there is a main tiled screen where the programs and shortcuts can be customized. By swiping the screen (again, in a similar manner to a smart phone), access to other screens and menus is available.
There is also a 'Tile for Desktop', which accesses the traditional Windows desktop look. Programs and documents can be saved to the desktop for quick access, just like in past versions of Windows. The missing Start menu and various other bug fixes are expected to be added in Windows 8.1, a free service pack from Microsoft due out in October.
Both can be confusing in the beginning, but becomes easier with use.
The Surface tablet works extremely well with Windows 8. When unlocked and used as a tablet, the tiled mode is best. Having large click able tiles is much easier to work with when compared to the small icons.
The keyboard is one accessory highly recommended for office work. Although the onscreen keyboard is very responsive, it is still difficult to use for everyday needs such as typing a Word document or composing an email. The keyboard magnetically attaches itself directly to the bottom of the device providing a full QWERTY keyboard. It also flips over the screen to act as a screen protector when on the go.
At the current price of $999, the Surface Pro can be considered a replacement for a laptop for a user who wants to reduce their travel load while maintaining computing performance. Since many people use tablets already, such as the I Pad, the cost justification is that this is two devices in one, at a similar cost point. But this tablet runs real software; not just apps from the App Store.

Analyzing and Reporting Data



Sorting Records

Introduction

Once a database is populated, it is time to think about how to look at, or analyze, the data. One very basic way to analyze data is to sort it. Sorting data is easy with Access 2007. This lesson will show you how to sort text-based and numeric data using common sorting commands. It will also show you how to clear sorts.
Sorting Records
Sorting is probably the simplest way to look at data; it keeps like things together. In our bookstore database, for example, we could sort our data a number of ways:
  • We could sort orders based on the order date.
  • We could sort our customers by the state in which they live, or by their zip codes.
  • We could sort our books by author, category, or price.
Access 2007 allows you to sort the records in your database tables based on a field or value that is either text (like author's last name) or numerical (like a customer's zip code or a book's price). Depending on the type of value, Access offers different sorting options.

Sorting on Text Values

When Access 2007 sorts on a text value, it offers the two options described in the table below:
Sort Option
Also Called
Description
A to Z
Ascending
Values closest to A are displayed first
Z to A
Descending
Values closest to Z are displayed first
To Sort Based on a Text Value
To sort based on a text value:
  • Click the drop down arrow at the top of the field you wish to sort.
  • When the menu appears, select either the Sort A to Z or the Z to A option.
    • With A to Z, the records will be sorted based on the chosen field's value with the value closest to A at the top of the table, as seen below.
    • With Z to A, the records will be sorted the using the chosen field's value with the value closest to Z at the top of the table.
The sort commands in the Sort group on the Ribbon is another way to begin the sort.

Sorting on Numeric Values

Access 2007 also offers the two options when sorting based on a numeric value. These options are described in the table below:

Sort Option
Also Called
Description
Smallest to Largest
Ascending
Values closest to 1 are displayed first
Largest to Smallest
Descending
Values furthest from 1 are displayed first
To Sort Based on a Numeric Value
To sort based on a number value:
  • Click the drop down arrow at the top of the field you wish to sort.
  • When the menu appears, select either the Lowest to Highest or the Largest to Smallest option.
    • With Smallest to Largest, records will be sorted based on the chosen field's value with the value closest to 1 at the top of the table.
    • With Highest to Lowest, records will be sorted the using the chosen field's value with the value furthest from 1 at the top of the table, as seen below.

Challenge!

  • Open the Customers table and the Books table.
  • Sort the Last Name field in the Customers table from Z to A.
  • Sort the Books table according to Price using the Lowest to Highest option.
  • Clear your sorts.