The document summarizes a design project to redesign the information architecture and navigation of a website to optimize it for desktop, tablet, and mobile environments. The goals were to re-conceptualize the navigation and information architecture, optimize the homepage and menus for different devices, and create prototypes. Through research including card sorting and user testing, a new simplified sitemap and navigation structure was proposed to clearly separate e-commerce and marketing content. Responsive prototypes were created in Keynote to test the redesign across devices.
Senior UX Product Lead Design - Joeffrey Madid PortfolioJoeffrey Madid
Here are my key projects and works consolidated in my career experience as User Experience and Product Designer.
https://www.linkedin.com/in/creativezilla/
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).
Senior UX Product Lead Design - Joeffrey Madid PortfolioJoeffrey Madid
Here are my key projects and works consolidated in my career experience as User Experience and Product Designer.
https://www.linkedin.com/in/creativezilla/
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).
Developing a framework of design principles for single page websites and thei...World IA Day Copenhagen
Signe Elimar Hansen and Charlotte Bust Sigvardt, graduated in 2015 from the master's programme in Information Architecture at Aalborg University.
With their master's thesis they have explored the notion of single page websites and presented their findings to all attendees at World IA Day 2016 in Copenhagen.
Internet Retailer Web Design 2014 - Product Pagesweiskircher
This is a brief overview of questions you should ask yourself when reviewing your product detail page. The content was presented at the Internet Retailer Web Design conference.
Every web development phase is essential to guaranteeing that the finished product not only fulfills but beyond the expectations of its designers and consumers.
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
Importance of Mobile App Architecture For Mobile App DevelopmentHelios Solutions
Enterprise mobility is the new necessity when it comes to the corporate world. Many organizations have started to embrace mobility to enhance the efficiency of their workforce, increase productivity, reduce operational cost, deliver customer delight, and more.
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.
Plug your own content in to this presentation in order to present your ideas clearly to remote clients, save time, apply to more projects quicker and ultimately win more pitches.
Download the template at:
http://startloaded.com/resources-for-digital-nomads/presentation-template-for-remote-web-design-projects/
Editable contents of the template
1. Project overview
2. Project features
3. Proposed website structure
4. Mood-board
5. Web development process
6. Project time-line
7. Pricing
8. Contact details
For a few decades, one of the most common approaches to software design is to first focus on the domain model (application layer), then persistence (data layer) and finally the user interface (presentation layer). But what are the pros and cons of this approach? Are there other alternatives? Are they viable? In this presentation, Sandro will be talking about different design biases and the impact they have. He will then focus on Outside-In Design, explaining how our domain model can emerge and evolve when driven by the needs of external systems or users, avoiding speculation and wasted effort.
https://www.youtube.com/watch?v=rbSDGr-_UwY
This video was recorded at SCLConf 2018, an annual conference for software professionals that care about their craft. Learn more about SCLConf at sc-london.com
Developing a framework of design principles for single page websites and thei...World IA Day Copenhagen
Signe Elimar Hansen and Charlotte Bust Sigvardt, graduated in 2015 from the master's programme in Information Architecture at Aalborg University.
With their master's thesis they have explored the notion of single page websites and presented their findings to all attendees at World IA Day 2016 in Copenhagen.
Internet Retailer Web Design 2014 - Product Pagesweiskircher
This is a brief overview of questions you should ask yourself when reviewing your product detail page. The content was presented at the Internet Retailer Web Design conference.
Every web development phase is essential to guaranteeing that the finished product not only fulfills but beyond the expectations of its designers and consumers.
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
Importance of Mobile App Architecture For Mobile App DevelopmentHelios Solutions
Enterprise mobility is the new necessity when it comes to the corporate world. Many organizations have started to embrace mobility to enhance the efficiency of their workforce, increase productivity, reduce operational cost, deliver customer delight, and more.
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.
Plug your own content in to this presentation in order to present your ideas clearly to remote clients, save time, apply to more projects quicker and ultimately win more pitches.
Download the template at:
http://startloaded.com/resources-for-digital-nomads/presentation-template-for-remote-web-design-projects/
Editable contents of the template
1. Project overview
2. Project features
3. Proposed website structure
4. Mood-board
5. Web development process
6. Project time-line
7. Pricing
8. Contact details
For a few decades, one of the most common approaches to software design is to first focus on the domain model (application layer), then persistence (data layer) and finally the user interface (presentation layer). But what are the pros and cons of this approach? Are there other alternatives? Are they viable? In this presentation, Sandro will be talking about different design biases and the impact they have. He will then focus on Outside-In Design, explaining how our domain model can emerge and evolve when driven by the needs of external systems or users, avoiding speculation and wasted effort.
https://www.youtube.com/watch?v=rbSDGr-_UwY
This video was recorded at SCLConf 2018, an annual conference for software professionals that care about their craft. Learn more about SCLConf at sc-london.com
2. 1. Research
2. Current Information Architecture & Navigation
3. Design and Iteration
4. Conclusions
3. Goals and Objectives
We’re looking to redesign the information architecture and
optimize our web site for both the desktop, tablet and mobile
environments.
PROJECT OBJECTIVES
• Re-conceptualize the navigation and information
architecture of our web site (sorting methods for products,
homepage layout, separation of different elements).
• Optimize the homepage and menu to display properly on
desktop, tablet and mobile phones.
• Create prototypes of the desktop and mobile versions of
lowepro.com
from the client:
4. • competitive analysis
• task analysis with users
• card sorting
We identified user needs, prioritized
features, developed information
architecture, navigation schema and
user flows, made and tested
responsive prototypes.
This was created as a 2 week project
with one partner.
Research
5. User Profiles
We did some card sorting to
understand how people would
expect to find information and if
they understood the
terminology.
Came up with 2 user profiles
that had the mindset of:
• I know what I want and
quickly navigate to the
product
• i’m unsure and I want to
explore
Design scenarios for these 2
use-cases
6. In our review and user testing we found that it was confusing that menus would take people
to different types of pages. Users felt like they weren't getting all the information and were
confused when taken to a page they didn't expect.
Some links would take people to e-commerce store pages and some to marketing material.
Current Information Architecture & Navigation