Issues that may Happen
Below are some of the issues that I may come across when creating my website. They are also in order of what is most important (1 being most).
- The Software used to make the Website may crash or not work properly effecting work.
- The client may not like what the website looks like.
- Some tasks may run over time/deadlines.
- Links not working on the website.
How to fix these Issues
To stop these problems from occurring here is what I will do:
- I will continue to save work frequently to make sure that it cannot be lost, and is safe from going wrong.
- Every time a change is made to the website, I will consult the customer showing them what has been done. Explaining how each page looks, and asking if anything needs changing to avoid disappointment, and wasted time.
- I will use my Gantt chart to keep up to date with what needs to be done and when, and prioritise if tasks do run over.
- Every time a link is uploaded I will double check that it works, and redirects to the right page.
Main Goal to Maintain Business Operations
My main goal is to create a website that works efficiently, and is purposeful to the task it needs to be. It needs to be a bright and bubbly website, that is attractive but is also easy to use. In order to do this, I will make sure I work alongside my Gantt chart so that it work is completed on time and efficiently. I will also review work weekly to make sure that it is running smoothly, and looks to plan. This will help me to not miss anything out as well.
Defining Time Periods
As stated before, the use of a Gantt chart will be used to maintain the work being done. An example is below:
What may Trigger the Plan?
Analysing what may be an issue when creating is important so that I can assess if these issues are arising, and fixing them before they do so. Some of the issues may be planning, as I may go over time schedule which means I wont have enough time to complete my website. This is where the Gantt chart comes to play so I can see when it needs to be completed and making sure this is done. Sickness may also be a problem, so in case that happens, giving enough time to complete each part will be taken into account.
Identifying Operational Inefficiencies
Checking every day and week will be essential in keeping on task, as you do not want to deliver your website late. This looks bad on you and the company you are under. In the case that some tasks are not completed writing these down and keeping note so that they can be really helpful. Whether with sticky-notes, or a word document.
I believe that my design has achieved what I had planned to create. The design is simple, but also works well with its purpose. I have made the colours blend together so that it is pleasing to the eye. But I also wanted to use colours that were still attractive and bubbly for the site which is why I went for grey, blue and orange. These colours compliment each other and work well to bring out the dark black of the text.
I kept the navigation clear so that when you hover over the buttons they light up white. This also happens to the text on the bottom navigation so you know what you are clicking onto. The style and layout is all similar so that users do not get confused and cannot find things. Everything is in the same place on each website which I think works well with the profile and purpose of the website.
The font serif I also chose was a serif font. This was because I felt that since I went for brighter, more gentle colours, to give it that effective professional look I chose the serif font. It is clear to read, and works well on both content and navigation bars.
Overall, with my research and design work I feel like I achieved what I wanted to create. The website is effective and works well. Nothing clashes and if I did not like something I fixed it so that it did. But everything I planned to create was created, so I believe it was a successful project.
When creating a website it is important to understand the technical quality of your work. This could be the site you are using to create the site, from the code. It can be the difference between a good and bad quality website. One that does not work due to incorrect code, could really effect the company or product. So making sure your work is at the best quality possible, that is sustainable and works is important.
Testing the Website
After creating the website, you will need to test it. This insures that you can see different opinions on the website, and potential problems or improvements. A way you could test your website is through questionnaires, or face to face comments. For my particular site, I used a questionnaire. This enabled me to see what problems I could have so that I could overcome them to ensure that the website is the best standard it can be.
The art and design of your website is also very important. This is what attracts the eye of the user, and appeals to the product. A website that links to the product through its aesthetic qualities can be easier to understand and navigate, but also easier to remember.
Knowing your page content is also important as it shows and explains about the product, event, etc. Making sure the content is relatable to the website, makes sense, and is easy to read will attract the viewer more. It can also educate them and entice them to a product, so that they are more likely to try it if they know about it.
Before creative your website, a strong plan and preparation will help to make sure you are on track, and everything is being done that needs to be. A plan will help to set the idea of the website, and make it easier to create when you have a rough sketch of the idea in mind. A way I planned and prepared, was by completing mood boards to set the scene and colours. I also used gantt charts to follow up what needed to be done to make sure I was completing everything that I needed to.
Another way of planning is keeping on top of time management. Again this is where my gantt chart comes in as it showed where I needed to be each week and what needed to be completed so I did not lose track of what was going on.
Making sure that every task on hand is completed with the right knowledge and expertise is also important. It can help to enhance the best possibly outcome and bring together the skills of different things for the best. All this when completed successfully, can mean the successful accomplishment of a task.
When testing the website it is important to make sure that all suitable parts work. A way of testing is by asking others to test it for you and complete a questionnaire so you can see how the tests went. This can then help you to evaluate the good and bad points of the website, and to determine the weaknesses so that they can be strengthened, and then the strengths so that they can be praised.
From the research work I have discovered, I am going to use serif within my website. This is because I feel it is much neater and more professional looking. For a photography website, I wanted something attractive and classy, and this works with the serif fonts. Although, the sans serif did make things look more simpler and open. It did clash with the colours and make the website look almost childish, this is why I then chose a nice serif font.
I have decided to go for pastel colours within my website. The colours are light blue, orange and grey. I am aiming to have the background blue, the text boxes at the top where the title is will be orange, and then some of the text, and bottom navigation grey as it works well together. It looks neat as well as bright and bubbly.
I have made wire frames in another blog which shows what each page will look like. I have tried to keep the pages similar because then it is easier to use, and all the navigations are in the same place and not moving about which can become confusing. Below is an example of what the home page looks like. I have kept the navigation on the left hand side and the bottom of the page so that the rest can be filled with content and photos, and there is enough space for this to be clear.
As you can see above, I have kept the navigation simple and easy to use. The main navigation bars are on the side of the page on the left in a burger style. Then on the bottom of the page is the bottom navigation which goes to careers and help pages. The style is the same for all pages to make it simple and easy to understand as noted before.
Below shows an idea of what my site map looks like, and how to get from one page to another. The pages should work so that you can go forward and back to each page easily, and to the home page as well.
Below you can see two gant charts. The first on the left shows my planned work and how I aimed to get things completed each week, and the second on the right is how the work actually went. You can see that both Initial Research and Concept Design was planned to be completed. This was done to time, however only the concept design took longer than planned and was completed over three weeks instead of two. My visual design was done at the right time, and completed in time, and this also goes for my logo design. When it came to coding, this also took longer than expected and was completed over two weeks instead of one. However, the testing was completed when it was due to be.
You can see that I tried hard to keep things in time, and although two things took longer than needed, overall I was successful, and everything wad indeed completed within 5 weeks.
Above is the brainstorm I created when I was planning my website. You can see that I branched out on different areas within planning, such as events, art, platforms to use and relatable fields in the area. Completing this helped me to see the choices I had and what was best for me for my website.
WAP – Wireless Application Protocol. This is a technical standard for accessing information over a mobile wireless network. It is a browser for mobile devises.
GPRS – General Packet Radio Service. This is a packet-based wireless communication service that promises data rates from 56 up to 114 Kbps and means connections to the internet for phone and computer users.
Web 2.0 – Phrase meaning we can interact with websites. This is the second stage of the internet, characterised especially by the change from static web pages to dynamic content, and growth of social media. ADSL – Asymmetric Digital Subscriber Line
MMS – Multimedia Messaging Service. This is the standard way to send messages include multimedia content to and from a mobile phone over a network.
SMS – Short Message Service. This is a text message service of most phone, and web systems. It uses standard communication protocols to enable devices to connect. IM – Instant Message
VOIP – Voice over Internet Protocol. This is where quality internet connection allows you to get phone services delivered through your Internet connection instead of from your local phone company. FORUMS – Message board, online discussion, hold discussion
GSM – Global system for Mobile Communications. This is to describe the protocols for second generation digital cellular networks used by phones.
Domain Names & URLS – Website name, and address. This means you can type this address into a browser and it will send you to the website or page connected to it.
Micro-blogging – Short, frequent microblogs uploaded. This is also the activity or practise of making short, frequent posts to a little blog.
Video Conferencing – Video call between two or more people. This is like skype, and FaceTime where you can talk to someone face to face through a video system.
QR code – Quick Response Codes. This is a machine readable code consisting of black and white squares. This helps to store URLS or other information, such as Snapchat a platform that uses your camera to send messages to people, and you can scan their code to connect with them.
NFC – Near Field Communication. This is a set of standards for portable devices. It allows them to establish radio communications, passing data from one device to another by touching them or being close together.
How I use the above in day to day life:
In day to day life I use GPRS when there is no Wi-Fi on my phone, and when texting use SMS services. I always use IM on Facebook for convenience and Bluetooth to connect to another device, such as when I want to play music out loud on a Bose speaker. To find websites I will always use URLS online into a search engine such as Google, and when I want to speak to my friends face to face I use Video Conferencing such as FaceTime. Here is an example.
I also use email. This is important for work as it means I can connect to work professionally, and companies if I have ordered something, or have questions. It is a more professional way to connect with someone, especially if you do not know them or they are new employers. It is easy to attach files and photos as well, which is why many other companies use this to transfer work or updates.
Not only this, but I also have a Twitter account, This allows me to share what I am up to and get in contact with friends and even famous people. I can voice my opinion and follow the things I like such as films or brands.
You can see with this chart what social media I use most. A lot of the time is Facebook, here I speak to friends, watch videos, and add things to my profile that I like. The second most is Instagram and snap chat, both of these means I can take photos or upload old ones to friends. Thirdly is email, text, and twitter. I do not use these a lot, but I use my email to connect to companies or employees. My twitter is used to update what I’m doing and where I have been and even some photos, and then text is simply me talking to friends or family .
You can see below is the wireframe I have created for my website. This shows where everything will be on the website. The navigation bar on the side will have places to click onto to take you to your profile, about the website, events, etc. Then there will be the title at the top with a picture of Brighton as the base picture. Below that will be the box containing the context, or photos if it is a profile. Then below along the bottom of the website is another navigation bar with relevant areas such as help, careers, etc.
I have decided to make the wireframes all similar so that the website is easy to understand and doesn’t move around changing places, as this can be confusing.