Designing for the User – Adaptive vs Responsive


Task 2

In the brief Task 2 clearly states, In your Blog clearly relate that you have researched Adaptive and Responsive web design you don’t have to build any of these websites but just because i have used Bootstrap mine will be Responsive in a way, just because i have recently just started using the program and not learned the full grips to it and just learning it on tutorials of the web this will help me a lot in Year 2.

Lets start off with the review :

Adaptive design is quicker and easier to implement, it’s generally a bad practice to go about. It caters to today’s devices only and doesn’t make provisions for new devices with different widths that may be released tomorrow. Responsive on the other hand, works with every width between the smallest and largest versions. While this means much more work on the developer’s part to ensure there are no breakpoints within the site, it also means the website is much more likely to work properly on any new device.

Responsive design does NOT have breakpoints set specifically to today’s devices. It’s breakpoints are set to when the site actually breaks in design. Adaptive on the other hand, is based on actual device widths. Responsive and adaptive web design are all about CSS and media queries. The addition of JS to help this along, while not a good practice for other reasons, does not define what adaptive and responsive web design are. It’s all about the CSS in this point and time. Everything else a developer uses just helps one of these one.

While adaptive design is not the ideal way to go, it has it uses. If a client comes to you and wants a mobile friendly site, but doesn’t want to pay for an entire recoding, it ‘s better to make the site work at today’s current viewports than to try and force the site to be fully responsive. Also, sometimes the client’s budget doesn’t allow for a full responsive site. Other than those scenarios though, there shouldn’t be any reason to implement this.

The difference between the two are clear. Adaptive is in reaction to devices – responsive is in anticipation of devices.


Designing for the User – Technical Requirements


After i have defined the what who my audience are and the plans i have thought through in my sketch book, i need to consider some other factors before i start building my website and these are :

  1. Budget – Theirs no budget for this project because im designing for myself to be viewed by the user and not designing it for a company. Then again if they was a budget i would have to work to my best ability to stay within them constraints because as a designer you don’t want to be asking them for more money cause you spent it all in a day. ( Key Skill )
  2. Timeframe – This is also big when designing anything for a user like a website or a magazine etc. A Timeframe is hard to stick to but with a well planned out diary and then note your code you should have it done on time, also if failing a specific date that the website supposed to be live then this could result in losses of users and income.
  3. Target Audience – As i have said in Previous posts i am designing for older adults who are looking to book their party online and with research i class them as 40 – 60 year old.
  4. Feel of Product – As a designer you have to feel what you are selling because with negative thoughts and negative mindset this could result in missed code and then prone to cyber attacks. So a reason with getting through this is when picking a job make sure the company really sell the business to you when on the interview and like always don’t just concentrate on designing this website, relax from time to time.
  5. Code – I Will be writing it in HTML 5 and CSS3
  6. Framework – Well im looking at different frameworks online, and when coding thinking towards more of a responsive website and i can also check this on my iPad.
  7. This Website wont have a Content Management System (CMS) because i will not need to implement that into it, the user can either send an email to the admin or ring them up on the telephone. A admin will secure this website and constantly checking the server just to make sure they don’t attract hackers and viruses.