How do you turn an enormous city website into a responsive site that works on all mobile devices? Find out how the City of Vancouver took their desktop site mobile, in a presentation from Tadhg Healy, the City's Web Operations Manager.
Pretty Matters: Web Components, Material Design and PolymerMaria Clara Santana
Palestra realizada em conjunto com Carla Nicole Calheiros, graduanda em ciência da computação e web developer, na Semana de Tecnologia do Instituto Federal de Alagoas. Com foco em front-end development, a palestra visou mostrar a necessidade de ter um design fluído nas aplicações, no caso com Material Design, e mostrar ferramentas que auxiliam esse processo.
Our efforts behind Future Friendly as a philosophy and Responsive Web Design are twofold, to acknowledge and embrace unpredictability while focusing on audience needs, context and content, and staying ahead of what's coming around the corner next.
Gnito is an iPhone App that lets people seamlessly connect with curated influencers around them. We created our cascading identity algorithm in a scalable and flexible way, and now our business-facing web service and API are sought after by companies and industries that seek to enhance their customer data. We turn the internet into your own personalized CRM.
Pretty Matters: Web Components, Material Design and PolymerMaria Clara Santana
Palestra realizada em conjunto com Carla Nicole Calheiros, graduanda em ciência da computação e web developer, na Semana de Tecnologia do Instituto Federal de Alagoas. Com foco em front-end development, a palestra visou mostrar a necessidade de ter um design fluído nas aplicações, no caso com Material Design, e mostrar ferramentas que auxiliam esse processo.
Our efforts behind Future Friendly as a philosophy and Responsive Web Design are twofold, to acknowledge and embrace unpredictability while focusing on audience needs, context and content, and staying ahead of what's coming around the corner next.
Gnito is an iPhone App that lets people seamlessly connect with curated influencers around them. We created our cascading identity algorithm in a scalable and flexible way, and now our business-facing web service and API are sought after by companies and industries that seek to enhance their customer data. We turn the internet into your own personalized CRM.
English essay writing involves a lot of expertise that a person who is not very smart in the English language may not meet. The use of grammar, sentence construction as well as other skills that call for a clear understanding of the language use, have never been easy without proper mastery of the language. For that case, an essay in English may need an expert, so that the English essay meets the prescribed need, which is all that you may need for outstanding performance in your essay in English. English essay writing is thus part of what English natives and English fluent persons best do since they have clear mastery of the language.
Essay writing service UK is one of the best ways to getting your essay written in a professional way. There are quite a number of sources for essays online, from which you can choose from. We are there to relief you of the pressure from the high workload with limited time, by providing you with professionally written essays online. We really understand, what the essay UK expectations are, which has enabled us to be the best provider of the essays online. Essay writing services UK requires a good use of UK English, correct grammar as well as adherence to the paper formatting and style prescription as per the paper guidance. In addition, unlike in the past when getting your UK essays was quite hard a task, nowadays it is essay task since the advent of the essays online where you can always login in any time of the day, any month of the year and get your UK essay delivered to you within the pre-set deadline.
Research paper writers, are specially designed to help you in managing challenging tasks for you. This is in connection to the limited time for your work schedule, hence the strain resulting from the work piling up. During these circumstances, you are most likely to have stress and you may consequently provide a low-quality work on your research paper. At this point, the research writers from the research paper help platform will come up to help you in research paper writing. The research paper writers from our research paper writing help services are well experienced in order to give you very high-quality work. The research paper writers are professionals from the various institutions of learning, with masters, bachelors as well as Ph.D. This serves as an assurance of high-quality research papers from our research paper helps.
Digital Marketing Course Week 3: Digital AssetsAyca Turhan
Third week slides of eMarketing Course at Hacettepe University taught by Ayca Turhan Topics covered within the presentation include:
Digital Assets, Websites, Mobile Websites, Mobile Apps
User Experience
Testing
For more please visit: www.aycaturhan.com/man423
English essay writing involves a lot of expertise that a person who is not very smart in the English language may not meet. The use of grammar, sentence construction as well as other skills that call for a clear understanding of the language use, have never been easy without proper mastery of the language. For that case, an essay in English may need an expert, so that the English essay meets the prescribed need, which is all that you may need for outstanding performance in your essay in English. English essay writing is thus part of what English natives and English fluent persons best do since they have clear mastery of the language.
Essay writing service UK is one of the best ways to getting your essay written in a professional way. There are quite a number of sources for essays online, from which you can choose from. We are there to relief you of the pressure from the high workload with limited time, by providing you with professionally written essays online. We really understand, what the essay UK expectations are, which has enabled us to be the best provider of the essays online. Essay writing services UK requires a good use of UK English, correct grammar as well as adherence to the paper formatting and style prescription as per the paper guidance. In addition, unlike in the past when getting your UK essays was quite hard a task, nowadays it is essay task since the advent of the essays online where you can always login in any time of the day, any month of the year and get your UK essay delivered to you within the pre-set deadline.
Research paper writers, are specially designed to help you in managing challenging tasks for you. This is in connection to the limited time for your work schedule, hence the strain resulting from the work piling up. During these circumstances, you are most likely to have stress and you may consequently provide a low-quality work on your research paper. At this point, the research writers from the research paper help platform will come up to help you in research paper writing. The research paper writers from our research paper writing help services are well experienced in order to give you very high-quality work. The research paper writers are professionals from the various institutions of learning, with masters, bachelors as well as Ph.D. This serves as an assurance of high-quality research papers from our research paper helps.
Digital Marketing Course Week 3: Digital AssetsAyca Turhan
Third week slides of eMarketing Course at Hacettepe University taught by Ayca Turhan Topics covered within the presentation include:
Digital Assets, Websites, Mobile Websites, Mobile Apps
User Experience
Testing
For more please visit: www.aycaturhan.com/man423
Ryan Horner, One North Managing Director of Technology, shares his insight into the importance of retooling digital experiences for mobile devices, rich media and user experiences.
From the 2014 Experience Lab: Reimagine Marketing. To watch a video of this presentation, visit http://bit.ly/11VvGLF.
As with everything in the digital age, intranet trends are constantly evolving. Here's our take on where we see intranet design, content, UX and collaboration trends headed.
Explore the World of Web App Development in this insightful PowerPoint presentation. Join us as we journey through the intricacies of crafting dynamic and user-centric web applications. From demystifying web apps to understanding their types, best practices, and future trends, this presentation equips you with essential knowledge. If you're curious to dive deeper, you can access the detailed article version with more comprehensive insights by clicking the link below:
https://digimonksolutions.com/web-app-development/
Technologies: Expert in the Room Webinar: Optimizing your Website for MobileRandstad USA
Key Takeaways:
- Why optimize for mobility
- Defining your approach
- Mistakes made when designing for mobile
- Best practices for developing a mobile website
A user experience designer Tina Lee's portfolio Tina Lee
Hi, I'm Tina, a user experience designer with a solid background in User-centered design process across web and mobile platforms in financial service applications, human resources applications, and enterprise social network.
The purpose of this portfolio is to show my design and problem solving process through 5 UX projects case studies.
Feel free to reach out to discuss the process or provide comments.
Responsive Web Design: One Size No Longer Fits AllPerficient, Inc.
Designing to allow an ever-increasing number of devices to access your website or web application is a game you can never win. There is arguably little business benefit to targeting less-widely used devices, yet web-accessible smartphones that aren't iPhones constitute a large group of users that is costly to ignore.
Responsive Web Design is a new approach to the design and execution of websites and web applications that offers a way to cater to a much wider array of users and devices than would be possible otherwise. Through the use of modern web standards and a thorough execution plan it is possible to create attractive, brand-aware user experiences that work across a wide range of devices - feature phones, smartphones, tablets, netbooks, laptops and desktop computers - without requiring expensive device-centric development.
This slideshow covers:
• Costs and benefits of Responsive Web Design
• Examples of large-scale responsive websites currently deployed
• When to consider a responsive approach to your project
• The skills your team should have, and the techniques they should be using, when designing responsively
In this session, we will explore the how the recent explosion of devices has disrupted the process of designing a website that we've crafted over the past decade.
When designers only have one instance of website (i.e., desktop) to design, the layout is uniform. The header, content area, sidebar, and footer all remain static. Furthermore, the elements are relatively uniform as well. Buttons, navigation, typography, and images are all basically the same across across the various pages. But if you are designing a responsive website – one whose look and feel adapts depending whether you're using a phone, laptop, or tablet – then these elements and especially the layout begin to diverge.
After this session, you should leave with the confidence to argue the importance of responsive design to your client or boss – and that the with the proper strategy, the extra effort and costs can be justified (and hopefully minimized).
Jennifer Schaus and Associates hosts a complimentary webinar series on The FAR in 2024. Join the webinars on Wednesdays and Fridays at noon, eastern.
Recordings are on YouTube and the company website.
https://www.youtube.com/@jenniferschaus/videos
Russian anarchist and anti-war movement in the third year of full-scale warAntti Rautiainen
Anarchist group ANA Regensburg hosted my online-presentation on 16th of May 2024, in which I discussed tactics of anti-war activism in Russia, and reasons why the anti-war movement has not been able to make an impact to change the course of events yet. Cases of anarchists repressed for anti-war activities are presented, as well as strategies of support for political prisoners, and modest successes in supporting their struggles.
Thumbnail picture is by MediaZona, you may read their report on anti-war arson attacks in Russia here: https://en.zona.media/article/2022/10/13/burn-map
Links:
Autonomous Action
http://Avtonom.org
Anarchist Black Cross Moscow
http://Avtonom.org/abc
Solidarity Zone
https://t.me/solidarity_zone
Memorial
https://memopzk.org/, https://t.me/pzk_memorial
OVD-Info
https://en.ovdinfo.org/antiwar-ovd-info-guide
RosUznik
https://rosuznik.org/
Uznik Online
http://uznikonline.tilda.ws/
Russian Reader
https://therussianreader.com/
ABC Irkutsk
https://abc38.noblogs.org/
Send mail to prisoners from abroad:
http://Prisonmail.online
YouTube: https://youtu.be/c5nSOdU48O8
Spotify: https://podcasters.spotify.com/pod/show/libertarianlifecoach/episodes/Russian-anarchist-and-anti-war-movement-in-the-third-year-of-full-scale-war-e2k8ai4
What is the point of small housing associations.pptxPaul Smith
Given the small scale of housing associations and their relative high cost per home what is the point of them and how do we justify their continued existance
A process server is a authorized person for delivering legal documents, such as summons, complaints, subpoenas, and other court papers, to peoples involved in legal proceedings.
ZGB - The Role of Generative AI in Government transformation.pdfSaeed Al Dhaheri
This keynote was presented during the the 7th edition of the UAE Hackathon 2024. It highlights the role of AI and Generative AI in addressing government transformation to achieve zero government bureaucracy
Understanding the Challenges of Street ChildrenSERUDS INDIA
By raising awareness, providing support, advocating for change, and offering assistance to children in need, individuals can play a crucial role in improving the lives of street children and helping them realize their full potential
Donate Us
https://serudsindia.org/how-individuals-can-support-street-children-in-india/
#donatefororphan, #donateforhomelesschildren, #childeducation, #ngochildeducation, #donateforeducation, #donationforchildeducation, #sponsorforpoorchild, #sponsororphanage #sponsororphanchild, #donation, #education, #charity, #educationforchild, #seruds, #kurnool, #joyhome
2. Responsive Web design is the
approach that suggests that design and
development should respond to the
user’s behavior and environment based
on screen size, platform and
orientation.
- Smashing Magazine
3. • Approved by Mayor and
Council in April 2013
• Digital services
organisation
Digital Strategy
8. Usability testing
Frank - Frustrated
Lisa – Local minded Nahm – Newcomer
Connie –
Content citizen
Bahri – New
business owner
Aaron – Efficient
professional
Steve – Student
26. • Beware of going into the area of diminishing returns…done
is better than perfect
• Question the experts
• Ensure you can do rapid prototyping: test and then iterate
• Use what you have – focus on MVP as early as possible
• CoV mobile traffic increased from 22% in early 2012 to 32%
in December (launch)
Top 5 takeaways
Going Responsive: Making Your Desktop Site Mobile– A City of Vancouver Case Study, presented by Tadhg Healy, Web Operations Manager for the City of Vancouver.
“Responsive Web design is the approach that suggests that design and development should respond to the user’s behavior and environment based on screen size, platform and orientation. “ - Smashing Magazine
Thedigital strategy was approved by mayor and council in 2013. It had four pillars of activity, and mobile was called out specifically. The digital strategy allowed for the creation of a center of excellence ‘Digital Services Organisation’ -- a strategic future proofing decision to go with responsive design rather than just ticking a box. The organizational environment created allowed the project to succeed: the mandate came from the senior political level and was endorsed by senior management.
The City launched its new website in 2012. It was a large undertaking spanning 2.5 years, which served to highlight the slow pace of government vs the fast pace of digital. The project was bureaucratic and had multiple approval points.
Let’s discuss the challenge, the approach, and the outcome.
CHALLENGE:Large number/range of stakeholders, and knowledge of responsive was varied. >>>APPROACH:Socialise concept often and early – formal and informal channels.Identify champions within stakeholder groups and give them sneak previews. Downplay level of impact to functional performance of applications.Focus on benefits.Single source for content.Cross device compatibility. >>> OUTCOME: Champions voiced support of responsive approach during high level steering meetings. Increased confidence in approach amongst internal technical stakeholders.
CHALLENGE:Digital strategy published in April 2013. The responsive site needed to be designed, developed, and launched in just 12 weeks!Operations team did not have the capacity to take on a major project.Not all required skill sets were represented in-house as we were still in hiring mode.Needed to go to an external agency.However, team still wanted to shape and influence the project, and it was imperative that we owned the outcome. >>> APPROACH:Used collaborative tools to work in partnership with the agency.Developed clear lines of communication.Took an active role in making recommendations and improvements based on our own knowledge of the site. Course-corrected where necessary. >>> OUTCOME: Responsive site reflects our extensive knowledge of user goals and objectives.Comprehensive knowledge transfer to internal team.Project was completed on time and budget
CHALLENGE: Broad persona range.Where to focus testing efforts? Time / Resource availability. >>> APPROACH:Individual user testing: 1 hour sessions. Initial focus on navigation interaction design.High volume tasks.Incentives and follow up. >>> OUTCOME:Critical part of the proposal/project.Informed front end / back end decisions during technical development.Identified other areas that we need to work on ... specifically IA overhaul.
CHALLENGE: The desktop site was not developed with an eye to future conversion to mobile.Hundreds of large documents, significant chunks of text on each page, lots of unrelated items in the right rail, etc., presented barriers to a good mobile experience. >>> OUTCOME: Web pages become more useful for mobile visitors – particularly for transactions and wayfinding. Content remains consistent between desktop and mobile site.Content strategists now thinking mobile first.
CHALLENGE: Digital strategy published in April 2013.Procurement cycle – delay. The responsive site needed to be designed, developed, and launched in just 12 weeks! >>> APPROACH:Audited entire site at the page level.Triaged all content: must fix, nice to fix, can wait.Focused team on addressing all of the “must fix” pages by launch.>>> OUTCOME: Able to launch an MVP within the tight timelines.100% of the pages in the site were fully functional at launch. We continue to address the ‘nice to fix’ issues as time permits.
CHALLENGE: The desktop site was not developed with an eye to future conversion to mobile.Hundreds of large documents, significant chunks of text on each page, lots of unrelated items in the right rail, etc., presented barriers to a good mobile experience >>> APPROACH: Mobile content strategy: Which elements on this page will be most relevant to mobile users?Developed “folding,” which allows certain page elements to take a higher/lower position on the mobile page. Same content - continuity of experience.>>> OUTCOME: Web pages become more useful for mobile visitors – particularly for transactions and wayfinding.Content remains consistent between desktop and mobile site. Content strategists now thinking mobile first.
CHALLENGE:The desktop site was not developed with an eye to future conversion to mobile.Hundreds of large documents, significant chunks of text on each page, lots of unrelated items in the right rail, etc., presented barriers to a good mobile experience. >>> APPROACH: Mobile content strategy: Which elements on this page will be most relevant to mobile users?.Developed “folding,” which allows certain page elements to take a higher/lower position on the mobile page. >>> OUTCOME: Web pages become more useful for mobile visitors – particularly for transactions and wayfinding.Content remains consistent between desktop and mobile site.Content strategists now thinking mobile first.
CHALLENGE: Many strategies used to display complex information on the desktop were not mobile friendly. >>> Tables became truncated, tabs didn’t open, etc. >>> OUTCOME: Content elements change form depending on resolution allowing for better user experience.
APPROACH: Worked with D7 to design and test alternate solutions that would present differently depending on the visitor’s screen resolution.
APPROACH: Worked with D7 to design and test alternate solutions that would present differently depending on the visitor’s screen resolution.
APPROACH: Worked with D7 to design and test alternate solutions that would present differently depending on the visitor’s screen resolution.
CHALLENGE:Complex IA. 9 levels deep, 8 primary buckets,48 secondary buckets,254 tertiary buckets= 310 menu links in mega nav alone! >>> OUTCOME: Simple to use. Incorporated search bar. Common tasks easily accessible (and independent of desktop resolution).
OUTCOME: Simple to use. Incorporated search bar. Common tasks easily accessible (and independent of desktop resolution).
OUTCOME: Simple to use. Incorporated search bar. Common tasks easily accessible (and independent of desktop resolution).
OUTCOME: Simple to use. Incorporated search bar. Common tasks easily accessible (and independent of desktop resolution).
OUTCOME: Simple to use. Incorporated search bar. Common tasks easily accessible (and independent of desktop resolution).
OUTCOME: Simple to use. Incorporated search bar. Common tasks easily accessible (and independent of desktop resolution).
CHALLENGE: Folding not possible until fully deployed because changes to back end controls were the same.Changing a live site.Publishing system vs DB driven.Template changes don’t apply immediately.Not able to test live end to end. We hadn’t done this before! >>> APPROACH: Phased approach with checkpoints and fully tested rollback. Reviewed on staging. Decoupled navigation from templates and applications. 10 leaf pages, individual buckets, homepage last.Standby support from partners (D7 and OT).Dry runs in devprojects. >>> OUTCOME.Smooth launch.Low stress levels because of rollback option.High level of confidence amongst team and with partners
CHALLENGE: Life goes on – competing priorities.Out of scope items – web applications.Continued adherence to mobile content strategy.Implications of being responsive. >>>APPROACH: Reduced focus on native applications.All integrated web applications soon to be responsive.Embedding 3rd party apps becomes more challenging – scrolling within scrolling.iFramesbecome more of an issue.Focus on high traffic existing applications.Content strategists now use responsive site.Allow people to give us feedback. >>> OUTCOME:Reduced focus on native applications.All integrated web applications soon to be responsive. Embedding 3rd party apps becomes more challenging – scrolling within scrolling.iFramesbecome more of an issue
Top five takeaways. 1 - Beware of going into the area of diminishing returns…it’s OK to let go. 2 - Don’t be afraid to question the ‘experts’…if it seems weird it probably is. Relationship-trust is tantamount to success. Both partners need to be open and transparent. 3 - Ensure you can do rapid prototyping (even on a subset of your content – HTML + JSON - fake backend), test and then iterate. 4. Use what you have – focus on MVP as early as possible! 5.CoV mobile traffic increased from 22% in early 2012 to 32% in December (launch).
Thank you to all our partners involved in this project!