JAVIER GONZÁLEZ. User Experience Designer and Information Architect

Transcription

1 JAVIER GONZÁLEZ User Experience Designer and Information Architect Web and portfolio: Linkedin: es.linkedin.com/in/javierbaguelus

2 1. About me

3 1. About me My name is Javier González, I ve been working into de the UX world over the past 13 years, with different roles since I started in 200o, Usability Consultant, Information Architect, Interaction Designer and User Researcher. My passion is teaching, so I spend most of my free time on it instead of Tweeting or other actions in Social Media. During the last 8 years, I have worked as freelancer for various companies and consultants for Banking, Insurance, Sales and E-commerce, mobile and tablets, betting, Intranets or CallCenters among others. I have worked on projects in Spain with in UK, so I have complete geographical mobility.

4 1. About me How I started in UX Design? My studies are in Computer Engineering, although I have never worked as a developer, I started designing interactive multimedia products, from concept to the final implementation, and gradually started on the Internet as HTML and CSS developer in Little by little, I moved into the User Experience universe, first as a Usability Consultant ( ), later as Information Architect ( ) and recently as Interaction Designer (2011) and User Researcher (2012).

5 1. About me What are my strengths in UX? Analyzing: I love to have direct contact with stakeholders at the early stages of development, collaborating with them during first phases of the project, presenting and delivering ideas to get the best solution, for stakeholders, users and business. Designing: I love suggest practical and enduring solutions that meet all the requirements and needs of a project. From early models to the detailed high-fidelity wireframes. Testing: One of the most exciting part of my job is when I can observe people interacting with my designs. Learn the most from failures and iterations.

6 2. Skills

7 2. Skills Project management Team coordination (Designers, UX s, developers) Project management (Time, resources and budget) Providers management. Agile. Jira. UX Design and Information Architecture Gathering requirements Task flows, user journeys Site maps, content inventories Wireframes Interactive prototypes Functional specifications Desktop, Web, Mobile, Tablet UX methodologies User research and testing Stakeholder interviews Usability testing Eye tracking Focus groups Co-creation Best practices Expert reviews and heuristic evaluations Frontend development and CMS s Coding HTML5, CSS3 Responsive Design. Joomla, WordPress and Drupal Jquery

8 2. Skills SEM, SEO, Analytics SEO techniques SEM (Google AdWords) Google Analytics By type of project Web and Mobile (responsive design) Banking, public and transactional. E-learning E-commerce and retail Insurance companies. Online gambling and betting. Call Centers Intranets. Tourism, Travel, and transportation. Government. Software Wireframming: Axure, Visio, Omnigrafle, Fireworks Development: Dreamweaver, Joomla, WordPress, Drupal. OS s: Windows, MacOS, Android, ios User research: Eye tracking (Tobii), Morae. Design and multimedia: Photoshop, Premiere, Flash Project management: MS Project, Jira

9 3. Portfolio Portfolio online:

10 3. Portfolio: Camper Date: January 7, 2013 Client: Camper Online Shop Skills: Analysis, Information Architecture, Wireframe Challenge Improving the buying process in the Camper store, resolving errors found in previous studies with users and expert analysis, improving conversion of sales. Steps and deliverables Online user testing with User Zoom, in 3 countries (Spain, UK, and USA) to detect errors and opinions of improvement from the online Camper Store. Expert review of the actual site. Based on the biding of the results of both reports, we define a new navigation, and screen structure that allow users to search and buy the product they are looking for, without any interference. Key points New Mega menu to accelerate acces to products. New filter in the left column, to allow users find the desire product. New Product page with a better visual structure. New payment process, more usable.

11 3. Portfolio: Camper

14 3. Portfolio: YOIGO, Customer Service Date: January, 2010 Client: YOIGO Skills: User Reserach, Information Architecture Challenge Improving the productivity of call center agents as well as improving the quality of service. Steps and deliverables Interviews with stakeholders to define main objectives. Field observation to analyze how agents work and combined with in-depth interviews Co-creation process, in order to prioritize and design a prior model and test the features of the new application. Definition of the new Information Architecture Reduce time to each call Improve the quality of each call Reduce the stress, produced by search of information in a complicated application.

15 3. Portfolio: YOIGO, Customer Service The co-creation process

16 3. Portfolio: YOIGO, Customer Service The result of the process

17 3. Portfolio: BBVA Online Banking Date: November, 2012 Client: BBVA Skills: Analysis, Information Architecture, Wireframe The project: Redesign of the public web and transactional area for different user segments, creating a easier experience to facilitate the realization of complex tasks Other project objectives: Facilitate the registration of new users and customers. Facilitate the sale of new products to customers in a more clear and simple way. Provide clients of BBVA states of their products. Create a simple transactional banking. Allow users access to information and advice. Allow multi-device access: web or mobile touchscreens. Based on the functional documentation, my main tasks was translate the business and user objectives into a new generation banking interface, with more effort on the information and user tasks, to made it simple.

18 3. Portfolio: BBVA Online Banking

22 3. Portfolio: Mapfre, Client Area Date: June, 2012 Client: Mapfre Skills: Mobile, Responsive Design, Information Architecture. The project: The major objective of the project was the redesign of the private client area, with enhanced usability and responding to the needs of access from any interface, whether desktop or mobile. Other project considerations: More usable interface. Quick access to the client products with a global vision of the status of each one. Use of responsive design, to allow access from any interface.

23 3. Portfolio: Mapfre, Client Area Product detail page for desktop

24 3. Portfolio: Mapfre, Client Area Product detail page for mobile

25 3. Portfolio: Mapfre, Client Area Global position page for desktop

26 3. Portfolio: Mapfre, Client Area Global position page for mobile

27 3. Portfolio: OPENDATA Date: January, 2010 Client: Spanish govbrnment Skills: Analysis, Information Architecture The project: Open Data Portal for the Spanish government to make available to the citizens and businesses all government information. Steps and deliverables Categorization of all information available through taxonomies. Definition of navigation and filtering system to make easy access to a large volume of information. Key points Use simplicity Powerfull search engine.

28 3. Portfolio: OPENDATA

31 3. Portfolio: Bank of Spain, Intranet Date: March, 2011 Client: Bank of Spain Skills: Benchmarking, Interviews, Cardsorting, Analysis, Taxonomies, Wireframes / Visio, Websort The project: Redesign of the intranet of the Bank of Spain, with the main objective of facilitating access to thousands of documents in an agile way, solving the problems of searchability and integrate management applications into the portal. Benchmarking, performed over several European central Banks intranets. Interviews in depth, conducted with the most important areas of the bank, users and publishers. Conducted a closed cardsorting with 100 intranet users,to adjust the content structure of the new portal. Using taxonomies for content classification. Conducted high-fidelity models based on the results of previous tests.

32 3. Portfolio: Bank of Spain, Intranet

35 3. Portfolio: Spanish Presidency of EU Date: June, 2010 Client: Spanish Government Skills: Information Architecture The project: The project's objective is to define the web site of the Spanish presidency of theeuropean Union, providing information about the schedule of events, the government program and institutional information.

36 3. Portfolio: Spanish Presidency of EU

37 3. Portfolio: El Corte Inglés Travels Date: January, 2010 Client: El Corte Inglés Skills: Information Architecture The project: Definition of a white label travel portal, to be applied in various group companies of Viajes El Corte Inglés in Latin America.

38 3. Portfolio: El Corte Inglés Travels!

39 3. Portfolio: Acrolinx in the cloud Date: September 2013 May 2014 Client: Acrolinx GMbH Skills: UX Design, Interaction Design The project: Definition a a new content marketing tool as a new business area of the company. Starting form zero, in a new tool for a new business, what means a extra effort in research and know the market. Web and mobile approach, focus from the beginning a multi device design. Different perspectives for manage information, lists, canvas, lists, depending on the user role and needs.

40 3. Portfolio: Acrolinx in the cloud