Icons – The importance

I want to be able to have a blend between the web and mobile design for Rapidz, not just for logos and design Identity. Icons are important todays era as it makes wording alot simpler. Babich.,N. (2016) “Icons are an essential part of many user interfaces, visually expressing objects, actions and ideas. When done correctly, they communicate the core idea and intent of a product or action, and they bring a lot of nice benefits to user interfaces, such as saving screen real estate and enhancing aesthetic appeal.” This could benefit the target audience by making the booking process much quicker and navigating round the web and mobile sites alot simpler.

Reference: Babich.,N. (2016). Icons are a part of a great user experience. https://www.smashingmagazine.com/2016/10/icons-as-part-of-a-great-user-experience/ (Accessed: 08.11.2020)

Front End vs. Back End Design

Front End

Front end design is a web design attribute which is only focused on user interface.

Front end functionality can be developed and created to a client’s preference with the likes of HTML , CSS andJavaScript, some of which clients can take up to design themselves with breeze using DB CMS sites such as Wix. The likes of Wix and other web constructors will direct a fine choice of design and aid you with optical drag – and – drop.

Back End
Back end design, on the other hand, is much more analytical and obtains a lot of data that is crucial and necessary for keeping the website running as effectively and smoothly as possible.  Whenever a user clicks on a website, the front end design will reach them.Without awareness, third-party add ons, plugins, and encrypted consumer, admin and user information installations will be linked by each click from back end to front end. You can see the back end design as a path to a new web page between a click and a hyperlink. For the website to function, this is what guides the transition. Both design ends are extremely important to running any website.

Responsive Design

Responsive design has never been more crucial to an optimised webpage as it is today.

Responsive design is a scale interface which changes on screen dependancy. If you are on the same website from a laptop to a mobile, you would see that the screen will shrink to fit. Some menus will close and the interface will be perfectly optimised to your correct screen size, this allowing a user to enjoy the flow of the website in the more efficient way.

The practicality of responsive design is a principle that gives responsive design that important edge. If you were trying to read copy on a webpage optimised for a mobile on a laptop, chances are you wont be able to read anything. Some images will be very small and have a low dpi, which when scaled up you would just see pixelation everywhere. Responsive design is essential.

When designing websites, designers would keep this in mind when initiating in wireframe creation and mock up of the website. However, even though every designer should think about this design specification, many web builders will automatically scale everything for you. This has its pros and cons. Some websites can scale down images, menus and text for you and completely change the perception and feel of the website that was desired for the client; this is where some designers may need to take responsive design into their own control.

See my example for a visual example of responsive design.

(N)DB – CMS (Recap: also on part 2)

Non-Database CMS

Non-database driven CMS websites are similarly set up as database CMS. Non-database CMS would sanction you to utilise the tools given to you to create a website without knowing the full HTML code. However they are encouraged not to be used for larger scale projects. In projects where you are wanting to blog, design one page or have no online and large colossal plugins, this would be the best option for you as the run and load time is very fast but the HTML is very plain. Non-database CMS could be a perfect idea to use for a mock-up to a show a company or to use for an example brief. Examples simple CMS systems could include; Grav, and Kirby.

Key Points

  • Run and load time is extremely fast
  • Great for an idea of a mockup
  • Easy to use (Drag and drop like)
  • Offline, all data would need to be downloaded to the local files
  • Plugins would not run properly
  • Real time would not be accurate (Calendars, booking etc)
  • Not good for a large project, wouldn’t run well at all with plugins and multiple pages.
  • Help from the developing software

Database CMS

Database CMS have a tendency to be used for larger projects which may include stores or online media plugins as they can be handled through databases and would allow everything to run smoothly. Many people decide to use CMS programming sources as a main implement for web design due to its simplicity to drag and drop any design you like. CMS allows you to have the needs of any design without you needing to know any HTML coding at all. You already start with a template of your choice and it is pretty straight forward from there. All CMS sites will do the coding for you and the majority of the time you would only see what the typical viewer would. CMS can be a fantastic source for any company, individual or ingenious to show a bespoke portfolio or web design and information which would present your business. There are multiple choices for a website building resource including; WordPress, Wix, Squarespace, and many more. A negative point of using CMS is that it is customarily a paid subscription. This denotes that if you stop paying, you would probably have adverts on your website for things you didn’t want. Whereas for static HTML you would not get this issue as what you code is what you see.

Key Points

  • Database CMS would allow you to apply multiple functioning plugins at once
  • Slower load and run time to non database
  • Help from the developers
  • Real time updates, always live
  • Plugins can be expandable, the choice is really down to you
  • Multiple templates to choose from
  • No real HTML code information is needed to build through this
  • i.e. Wix may be down, this could potentially risk your website
  • Drag and drop design

Site Installs Links

This is the link to the static HTML website that I have been working on recently, with the likes of a static calendar, a map install and navigation between each image in the gallery I added: http://cquigley.uosdesigndegrees.com/templatecss/

This is the link to my installed WordPress website, a database website: http://cquigley.uosdesigndegrees.com/wordpress/

This is the link to my non database website install, using pluck: http://cquigley.uosdesigndegrees.com/pluck/?file=home

This is the link to my forum set up using my-BB, a platform which allows people to chat with other as well as use an offline install (non-database install):

Contextual App Research

Rent a boat uses multiple colours but predominantly the royal blue sea is very contrasting with the white minimal space and background used for the app. As touched upon minimal design, I think that this could benefit the thought process that would go into the final design for the logo. The flat design works really well and I believe this is something that could potentially improve rapidz. Rent a boat’s visual identity highlights a lot of flat imagery which views as minimal and simple yet complex with shading and uses of bright colours. An important step will be to collect imagery of flat icons and references to further improve the current part 2 logo.

Reference: Outcrowd, 2020. Mobile App – Rent A Boat. https://dribbble.com/shots/7520340-Mobile-app-Rent-a-boat (Accessed: 28th October 2020)