Last blog post Des 501

This is my last blog post for Des 501. This was really a good experience to learn new things from this course. In the entire semester I learned about the IT Company requirements and get detailed knowledge about the stakeholders and database design and also about the front end of a Client website. Moreover, by doing presentations I got more confidence that how to deal a business situation and also got detailed information about the system development life cycles used in IT.

The most good thing was the team work. My team ACRONYM was really best team as per my opinions because we all done the work together with each others guidance wherever it was needed during the assignment tasks. All my team members are very hard working and helpful.

Last but not least, I want to say that I am very thankful to my both tutors Belma Gaukrodger and Liz Trudeau for their guidance and support in the studies during the whole semester.

Blog post 16/06/17

Today we had submitted our Team report for the Assignment 3. In our report we had include all our media aspects which are used in the client website. There are four aspects used in the website. And each aspect has further six sub aspects used in a website.

UI design –  User interface design aspects

White space

Our website has plenty of white space around the edges or empty space to give users eyes a break.

Clarity

our website has a fairly open lay out there isn’t too much repetition so it is less likely to confuse customers by having too much of the same thing on the page.

Affordance

Our website has a categories to where games are organized according to their price popularity and genre this can help the user find what they are looking for incase they have heard of a game and know its say genre and price and know that it is popular but are unable to quite remember what it is.

Simplicity

We didn’t want to clutter up the screen too much so we tried to keep the website page fairly minimalistic with of course affordances.

Visual Hierarchy

Our website puts the most important information at the top such as login fields and help. Lower than that is the user’s profile there downloads and demos. A search bar for when they want to find games. Categories are located to the left where most people in the western world start reading.

 

UX Design -user experience design

Accessibility

A system is only useful if it is accessible to the user when and where it may be needed

The concept of accessibility : making the system usable for everyone

The Scope of  accessibility is broader as all users can experience at different times.

(Text size and brightness)

Efficiency

Users who can complete their tasks more quickly and across fewer touchpoints and are more efficient.

People care about the time they put into something especially when they view their time as wasted

Every step between the user and the system should happen in the fewest steps possible.(browse)

Utility

Utility relates to how it may be used and the appropriateness. (help and feedback,search)

Usability

The ease in which people can employ a particular tool to achieve a particular goal.

Perceived Value

The perceived value of a system represents the benefits that a user expects to get from using it. It varies from user and tasks to task

Performance

The speed and availability at which are poor, users will not fully embrace a system even if all

Media Design Aspects 

Profile Images– we can call it images or as a photo gallery. A profile is used for the personal information or it is considered as the computer representation of a user model. It is situated in Navigation bar. 

Demos– A game demo is a freely distributed piece of an upcoming or recently released video games. This button is placed in Navigation bar along with the profile icon.

Facebook – This is also called the way of communication as social Media aspect in which messages can be sent and we call it as source of communication in which users can give their feedback or viewpoints or do live chatting. This button is placed at right bottom of the game store website.

Twitter- This is again a type of social media for conveying small messages using hash tags.


Web Design 

Navigation:  A navigation bar (or navigation system) is a section of a graphical user interface intended to aid visitors in accessing information. (google)

Categories: Popularity, Price, Genre

Sub Categories: Sub categories are under Categories.

Internal Linking: can go to one page to another page of same domain.

Sitemap: A site map is used for an idea of the whole website or a business organization.

 

 

 

Assignment 3 team meeting

On Saturday and Sunday our team ACRONYM had two regular meetings for the work of Assignment 3 in DES 501. On Saturday we had discussed about the team presentation and more in detail about the parts which will be present on Monday in class session in front of our tutor Belma and Liz.

We discussed about the four aspects which are taken for the website and further these four aspects has six each components to be included in the client website for the over all performance. These aspects are UX design, UI design, Web design and Media Design.

These four aspects further breakdown into six each categories and these categories are used in maintenance of client website.

for Media design following are the main components-

Live video– This is used for the feedback of customers or users to take the responses live through the video calling or video chat.

 

Profile Images– we can call it images or as a photo gallery. A profile is used for the personal information or it is considered as the computer representation of a user model. It is situated in Navigation bar.

Demos– A game demo is a freely distributed piece of an upcoming or recently released video games.This button is placed in Navigation bar along with the profile icon.

Facebook – This is also called the way of communication as social Media aspect in which messages can be sent and we call it as source of communication in which users can give their feedback or viewpoints or do live chatting.This button is placed at right bottom of the game store website.

Twitter- This is also a social media aspect used for the feedback purpose in this hash tags are used widely for tweet or conveying message.

UX design aspects-

Accessibility

A system is only useful if it is accessible to the user when and where it may be needed

The concept of accessibility : making the system usable for every one

The Scope of  accessibility is broader as all users can experience at different times.

Efficiency

Users who can complete their tasks more quickly and across fewer touchpoints and are more efficient.

People care about the time they put into something especially when they view their time as wasted

Every step between the user and the system should happen in the fewest steps possible.

Utility

Utility relates to how it may be used and the appropriateness and advantage in doing so

Perceived Value

The perceived value of a system represents the benefits that a user expects to get from using it. It varies from user and tasks to task

Performance

Web performance refers to the speed in which web pages are downloaded and displayed on the user’s web browser.Web performance optimization (WPO), or website optimization is the field of knowledge about increasing web performance. (wikipedia)

 

 

 

blog post des 501

In our class session today , there was guest lecture and there was a presentation on the topic Media Design in a brief way.

What is a media design?

Media design is all about the editing, preparing graphics and production of digital audios. There are different types of Media designs like multimedia and digital media and interactive media. There are many types of digital media further. Each has different functions according to needs of customers.

From this lecture I got the knowledge about the Media design aspects as for database concepts. After that, we did Marsh mellow challenge again in the class second time. This was again interesting as like we did  it last time in the class.

Blog post Des 501

SITE MAP – 

A site map is a visual or textually organized model of a Web site’s content that allows the users to navigate through the site to find the information they are looking for, just as a traditional geographical map helps people find places they are looking for in the real world. A site map is a kind of interactive table of contents, in which each listed item links directly to its counterpart sections of the Web site. Site maps perform the same service that the layout maps in large shopping malls perform: without them, it is possible to explore a complex site by trial and error, but if you want to be sure to find what you’re looking for, the most efficient way to do that is to consult a model of the resources available. If a Web site is small and uncomplicated, a site map may be unnecessary, just as a layout map may not be required for shoppers to find their way through small shopping malls. A site map (or sitemap) is a list of pages of a web site accessible to crawlers or users. It can be either a document in any form used as a planning tool for Web design, or a Web page that lists the pages on a website, typically organized in hierarchical fashion.

Sitemaps make relationships between pages and other content components. It shows shape of information space in overview. Sitemaps can demonstrate organization, navigation, and labeling system.

There are two popular versions of a site map. An XML Sitemap is a structured format that a user doesn’t need to see, but it tells the search engine about the pages in a site, their relative importance to each other, and how often they are updated. HTML sitemaps are designed for the user to help them find content on the page, and don’t need to include each and every sub page. This helps visitors and search engine bots find pages on the site. You cannot submit an HTML sitemap in Google Webmaster Tools as it is not a supported sitemap format.

While some developers argue that site index is a more appropriately used term to relay page function, web visitors are used to seeing each term and generally associate both as one and the same. However, a site index is often used to mean an A–Z index that provides alphabetically-organized access to particular content, while a site map provides a general top-down view of the overall site contents organized with a classification system.

XML is a document structure and encoding standard used, amongst many other things, as the standard for webcrawlers to find and parse sitemaps. There is an example of an XML sitemap below (missing link to site). The instructions to the sitemap are given to the crawler bot by a Robots Text file, an example of this is also given below. Site maps can improve search engine optimization of a site by making sure that all the pages can be found. This is especially important if a site uses a dynamic access to content such as Adobe Flash or JavaScript menus that do not include HTML links.

They also act as a navigation aid  by providing an overview of a site’s content at a single glance.

Benefits Of Having A Sitemap

As per google A website’s ranking with the search engines is one of the most important elements of business success. It is important to get your pages indexed so that you can show up in the results of searches done using the search engines.

Indexing is a process by which search engines, such as Google, send their robots to process and categorize the pages on your website. Some search engines might find it difficult to find all of your pages, especially the pages that are deeply buried.

There are some things you can do to help the search engines find all of your pages. These techniques will also help the people who visit your site to find the pages and move through your website with ease. These tips are primarily for Google, because of Google’s present dominance over the Internet search industry. Google has the potential to bring more visitors to your site than all of the other popular directories and search engines, such as Yahoo and MSN, put together.

References

Assignment 3 blog post

Our team ACRONYM is doing work on the assignment 3 as we are searching on website How to prepare and what are the essential parts of a website to be covered. There are different aspects to be cover under this that are as follows:

web design

User interface design

User experience design

Site maps

For this, I had searched on Internet and gathering information from our team and also from class sessions.

 

Assignment 3 ( Team meeting 2)

For the second meeting, our team ACRONYM had selected the library for the team meeting. And in this meeting we discuss more on the client website task. For the client website there are various parts to maintain a website and we are taking the ideas from the google and sharing these ideas in between us to make it more attractive and to the point.

For the second meeting we are discussing the LOGO of the website. And here is the answer of the question What is a LOGO for a website?

A logo is a symbol of a website page which indicates the information about the website that it is related to. Moreover, a logo is a combination of text and visual imagery that serves two purposes. It tells people the name of the company and it creates a visual symbol that represents your business. Some logos have powerful symbolic association connected to people’s memory. For example, the McDonalds golden arches are so familiar that they no longer need the text “McDonalds” for you to recognise that that symbol represents McDonalds. ( GOOGLE)

The importance of a logo for your business. Why do you need one?

Having a professional looking, well designed logo builds trust. Potential customers are more likely to do business with you if you have a well designed logo. If your logo looks like it was designed in Microsoft Word, people will question how well you are able to deliver your core business products/services.

What should a good small business logo contain?

Make the text part of your logo super clear and readable

While many small businesses think their brand is going to be the next Coca Cola or McDonalds, in reality when you’re starting out with your logo, one of the most important characteristics is that the text of your company name is clear and easy to read at a distance, as it may appear on vehicle signage, building signage, posters or some other place where the logo is seen at a distance.

Use it consistently

When large global brands get a logo designed they often prepare large brand standards documents, dozens of pages deep.  These documents cover things like:

  • Guidance on the different variations of the logo and where they should and shouldn’t be used.

  • Guidance on modifying the logo and what shouldn’t be done to the logo.

  • What should and shouldn’t appear nearby the logo.

  • How the logo should appear in all sorts of different scenarios.

Although this level of documentation is overkill for most small business logos, these large brands understand that if brands are inconsistent in the way their logo appears in different situations, this can be damaging to trust.  So be really consistent with how your logo is used.

Simple colours – think about the different situations it will be used in

Your logo might appear on screens, business cards, letterheads, pull up banners, vehicles, shop signage, product packaging, newspaper adverts just to name a few.  Logos that have gradient colours, lots of fine detail, a lot of different colours or photographic content are much more likely to look quite different in these different situations as many of them use completely different printing technology and it makes it difficult to match the colours exactly.  This is why the most powerful brands in the world usually stick to a simple palette of less than 3 main colours.  They also use solid colours rather than gradients.

Have something visual/memorable

While it might take you a few decades to become the next Coca Cola or McDonalds, having something memorable about your logo is a good idea.  Some businesses do this by using interesting text or modifying part of the text in the logo to not just be a standard font.  Other businesses do this by adding some sort of illustrated icon alongside the text part of the logo.  One useful aspect of having an icon is that you can use the icon on it’s own in some situations as well.  For example, the Nike tick can appear with the Nike text or without.  While originally the Nike tick would have meant nothing if it didn’t appear alongside the Nike text, over time that visual memory association has developed.  If you’re wanting a very sleek, minimalist logo, just using a modern looking font with a pop of accent colour is a good option.

How do I get a logo?

The best way to get a logo is to have it professionally designed.  Although there are cheap online logo design services, from our experience the best value and service is from small local graphic design shops or print shops.  By going for a small freelance graphic designer or print shop with an in-house designer, you’re going to avoid paying thousands that you might pay with an ad agency or large design firm but still get a quality logo with personal service.  These small design businesses are also excellent at designing business cards and print materials so you can often get good deals by getting them to design your business cards, stationery and logo at once.  This also helps you nail that brand consistency. (google)

Assignment 3 Reflection 1

Our team ACRONYM had submitted the assignment 2 and now going further we are doing work on our assignment 3 and for this assignment we all had our first meeting regarding this assignment which was held last week and we go through the whole assignment criteria.

For assignment 3 there are again different parts to be done. Firstly, in our teams we have to create the website front end for the team submission. So, for this task we had create a rough list of different  parts to be done. And, we first search for the game website to have knowledge of all the parts.

(As per google) We did discussion on various terms that are as following:

  • About – it is used as a icon for a web server. This includes the information about the website along with signatures at bottom of page that is having the whole description.
  •  Regular Blog Posts – Google and other search engines index can index the blog post on your website. The more frequently you update your blog, the better your chances are to be found in searches. The benefits to posting regularly aren’t limited to search engine optimization. Providing high quality information on a regular basis is a great way to build trust with visitors to your site. ( ACCORDING TO CC MARKETING ONLINE)
  • Search – This is used for the purpose of searching and it is located on the top right side of a bar.
  • Log in – Log in is used for the entry purpose within a website to view the things inside.
  • Contact info – This is used for the contact information and it includes the contact number of an authorized person. Make sure your contact info is visible on every page. If visitors to your site likes what they see, make it easy for them to get in touch with you. They will leave, or worse, assume you’re up to no good, if they can’t quickly find contact information. A visible address and phone number reassure prospects that they can easily reach you, and suggest that you’re more likely to be responsive after you’re hired. You can either put the contact info in the footer of your website or create a Contact page.
  •  Social Media Links – Some visitors to your site may not be ready to contact you right away. However, they may be interested in getting regular updates from you via your social media pages. Having links to your Facebook and Twitter profiles, or any other social networks that you might be on, makes it easy for visitors to turn into followers.
  • Analytics – You’ve heard the saying “you can’t change what you don’t measure.” Using Google Analytics is key to measuring the success of your site and changing what doesn’t work. For example, the visitor flow feature on Google Analytics can show you what pages cause the most visitors to leave your site. Make changes to those pages to create stickier traffic.

DES 501 blog post

On monday class session, there was guest presentation by Olly and he gave this presentation related to many terms like  the UX design , UI, wireframes and bungy jumping. The UX  stands for the user experience and is defined as

User experience design (UX) is the process of enhancing user satisfaction with a product by improving the usability, accessbility, and pleasure provided in the interaction with the product.User experience design encompasses traditional human computer interaction (HCI) design, and extends it by addressing all aspects of a product or service as perceived by users. ( wikipedia).

UI stands for user interface and it is defined as per (wikipedia)

User interface design (UI) or user interface engineering is the design of user interfaces for machines and software, such as computers, home appliances, mobile devices, and other electronic devices, with the focus on maximizing usability and the user experience. The goal of user interface design is to make the user’s interaction as simple and efficient as possible, in terms of accomplishing user goals (user- centered design).

WIRE FRAMES

A site wire frame, is also known as  a page schematic or screen plan, is a visual guide that speaks to the skeletal system of a website. These frames are made with the end goal of organizing components to best finish a specific reason. The reason for existing is normally being educated by a business objective and an innovative thought. The wire frame portrays the page format or game plan of the site’s substance, including interface components and navigational frameworks, and how they work together.They are generally needs typographic style, shading, or representation, since the fundamental concentration lies in usefulness, conduct, and need of content. as it were, it concentrates on what a screen does, not what it looks like. These can be pencil drawings or outlines on a whiteboard, or they can be delivered by methods for a wide cluster of free or business programming applications. Wire frames are by and large made by business investigators, client encounter originators, engineers, visual creators, and by those with skill in communication plan, data design and client look into.

Wireframes concentrate on:

The scope of capacities accessible.

The relative needs of the data and capacities.

The guidelines for showing certain sorts of data.

The impact of various situations on the display.

The website wire frame associates the hidden theoretical structure, or data engineering, to the surface, or visual outline of the website. Wire frames help set up usefulness and the connections between various screen layouts of a site. An iterative procedure, making wire frames is a successful approach to make fast models of pages, while measuring the common sense of an outline idea. Wire framing commonly starts between “abnormal state basic work—like flowcharts or webpage maps—and screen designs.” Within the way toward building a site, wire framing is the place thinking progresses toward becoming tangible.

Beside websites, wire frames are used for the prototyping of versatile destinations, PC applications, or other screen-based items that include human-PC interaction.

 

Team Work ( Final Reflection for blog post)

Today for DES 501 our team ACRONYM had completed the assignment 2 task which was the team submission and every member in our team done best on his/her part. In our team we divided the whole task between us and collect some information by discussing with each other in teams and also with the help from google. And in our team we had use google doc for sharing the data with each other and completed the task.

There was four parts to be done for the task related to the assignment work.That are as follows:

Stakeholders

System and Storing Data

Database Structure

Development Life Cycles

After we done the final work for the assignment, we went through the whole part and correct the errors for the final report. Every member in our team do his/her best as a team member. I had participated in many team meetings and all team meetings held peacefully with full understanding. we all are happy what we had done and discussed in our final meeting at the last day about every portion of the assignment tasks.

For this assignment I had done the Development Life Cycles portion and I had explained all the SDLC models including Waterfall model which is the development methodology used by our team for Project presentation. I had explained about the merits and demerits. Moreover, I explained why this system is choose by the team ACRONYM.

Lastly, this assignment work is for all members of our team attending or non attending because a team is dedicated to the potential and hard work to the end points as well. At the last I would like to say that,  for me, working in a team is really a good experience and I had learnt a lot of things from  team spirit.In my opinion, we do our best even at the final submission end of the day. Hope for positive outcomes for team A.C.R.O.N.Y.M.