- This topic is empty.
-
AuthorPosts
-
February 23, 2014 at 8:41 am #163822GroovyMotionParticipant
I was wondering if a web design website should be 100% responsive for all devices? It has to showcase large images and UI/layout samples but I want to get the opinion of other designers/developers.
Thanks in advance!
February 23, 2014 at 12:04 pm #163869Paulie_DMemberNope….it would depend on the site and target audience.
If you current and expected metrics don’t show a requirement for mobile then I wouldn’t expect to be worrying about mobile users to greatly.
Certainly I wouldn’t ignore them but i wouldn’t prioritise their UX to the detriment of my target audience.
If you are showcasing large images then what is a smartphone user going to get out of them, not much I would suggest. Tablet users yes, and desktop absolutely.
February 23, 2014 at 12:28 pm #163872GroovyMotionParticipantThanks Paulie, I am messing with media-queries right now and it is a mess lol. Thank god for that iphone simulator here: http://transmog.net/iphone-simulator/iphone-emulator.php
I guess I will have to think about it, some clients looking for a simple website might not look for designers on a mobile phone but rather on IE 6 or 7!
March 4, 2014 at 4:09 am #164629RobertParticipantMost of traffic for websites has been shifted toward mobile devices, so for making your website mobile friendly you should built 100% responsive for all devices.
March 4, 2014 at 5:47 pm #164694GroovyMotionParticipantI agree, I read a lot about it and I am coding away towards a full responsive site right now! :)
March 4, 2014 at 7:48 pm #164706GroovyMotionParticipantGreat points shaneisme!
I remember doing sites 20 years ago with just simple tables lol…now I come back to design after 10 years of being away and I am really blown away by the changes/progress!I subscribed to some of the mentors in the industry and I have learned a whole lot ! I really think that we have a great community where people share their ideas and thoughts.
Have a look at my test page, it’s still a WIP but I implemented some things I have learned this week, especially how to completely move the top nav to the bottom and just have a menu icon. I have also made my 3 columns resize and be on their own row.
Let me know your thoughts, I know there is an issue with the @font-face icons, I just learned today how to use them!
http://groovymotion.com/PageStyle6.html
Cheers!
p.s. thanks for the reading material! :)
March 4, 2014 at 8:10 pm #164710GroovyMotionParticipantyou mean like the text I have inside my main image “Web Designer | UI” ? Because all the rest is just font-face.
For some reason the menu when it’s resized for mobiles it’s not clickable on my phone but it works in all my browsers/PC’s! :(
March 5, 2014 at 8:41 am #164775GroovyMotionParticipantYou mean just have the menu at the bottom shown and not the content?
March 5, 2014 at 10:41 am #164793GroovyMotionParticipantOk thanks, I will try that!
March 5, 2014 at 3:49 pm #164832GroovyMotionParticipantGeez my media-queries page has over 400 lines of code! But, each elements are almost perfect for any size! :)
March 7, 2014 at 11:27 pm #165077RobertParticipantGroovyMotion, if you want to build fully responsive business website go for magento themes they provide you all the important features which helps yur website to be responsive.
March 8, 2014 at 1:19 am #165082nixnerdParticipantI would look into something called a “fluid first approach.” This is the idea that every element by default can shift and resize to fit nicely together as a whole. Now… undoubtedly there will be breakpoints. I shoot for less than 3.
Keep in mind that if you want to go with a more progressive, avant-garde layout… you might have problems with responsive.
March 8, 2014 at 6:55 am #165096GroovyMotionParticipantThanks @Robert but they cost money which I am out of right now! This would require magento I guess.
@Joe_Temp yeah breakpoints are somewhat inevitable.
Right now my approach is pretty straightforward but thanks to the help of @jurotek in another thread more semantic way for layout he gave me great tips, I was using way too much code! I went from a media-queries css file of 389 lines to 30 with almost the exact same layout! It’s not finished but it’s quite a drastic change!But then again, when I start building bigger sites I will have to consider a much bigger media-queries file!
-
AuthorPosts
- The forum ‘Design’ is closed to new topics and replies.