My name is Lior Yair
This is my portfolio

Designing a 10 foot UI experience

Comigo is one of the up and coming Start-Up companies competing for next-gen TV. I was responsible for the end-to-end planning of the Smart-TV interface and user experience.

The smart TV

Comigo’s comprehensive, advanced Smart TV platform considerably enhances the TV experience by uniquely extending viewing across all types of handheld devices, opening up revolutionary personalization and interactive socialization capabilities.

Selected Designs from the project.

Selected Designs from the project.

Selected Designs from the project.

Research and UI design to the Corporate website

Bezeq is the largest Telecom company in Israel. Bezeq caters both to B2B and B2C customers, and provides them with phone, mobile, wifi, broadband services etc. I conducted User research, according to Persona creation methodology, Eye tracking usability testing and UI design of the new Bezeq Corporate website.

The home page wireframe

UX on Beer is the leading event for the user experience professional community in Israel.

I created and founded the UX on Beer event, as well as led the design process of the responsive site.

The Web site

The appealing design and functionality of the site brought about many positive reviews from the community. I decided to design a ONE PAGER website and combine several animations to make a cook user experience.

About the event

The event is an informal gathering held once a month, composed of 8 short lectures (up to 10-minutes each) on various topics in the field of UX.

About the event

The event is an informal gathering held once a month, composed of 8 short lectures (up to 10-minutes each) on various topics in the field of UX.

Selected wireframe from the project.

Selected wireframe from the project.

Selected wireframe from the project.

Monthly event for the graphic design Community

Digital Design is a monthly event for graphic design professionals aimed at improving the quality and design standards in Israel. I created and founded the Digital Design event, as well as led the design process of the responsive site.

Business Technology Optimization application

iPhone application that enables senior executives to get a clearer picture about the state of their company at any given moment.

Information architecture

iPhone application that enables senior executives to get a clearer picture about the state of their company at any given moment.

Agile wireframing

iPhone application that enables senior executives to get a clearer picture about the state of their company at any given moment.

Choosing the right concept

iPhone application that enables senior executives to get a clearer picture about the state of their company at any given moment.

The right concept

iPhone application that enables senior executives to get a clearer picture about the state of their company at any given moment.

t

t

t

t

The Marker site

Israel's leading economics and finance news website, providing economic news and breaking stock exchange updates.

This UI design was challenging mainly because of the many content hierarchies. It’s essential to me to maintain proper aesthetics, spacing and alignment beginning from the earliest design sketches, as can be seen in all my UI deliverables.

Preliminary research

Every project I do begins with research, especially when working on a website of this scale.

My research focused on trends in information architecture and methods of information scanning used in leading parallel sites around the world. In addition, I studied the website’s evolution over the years as well as the financial terms and practices.

The challenge of information architecture

The information architecture of the website was the main problem in the project. I used classic card sorting and tree diagrams in order to arrive at the right solution.

The final navigation hierarchy

Eventually, together with representatives of the customer, I managed to distill the right navigation hierarchy.

It was not easy but I was very pleased with the result and the improvement made from the previous navigation system.

Homepage design

The main page of a news website is one of its main sources of traffic. It was important for me to plan a page that would allow quick and convenient scanning of the most relevant information and at the same time, would accomplish the client's business goals.

To do so I had created a number of different concepts, based on different grids. The various concepts had been tested and eventually we selected the best of them.

Design of the internal pages

The website contains a large number of information and services pages.

During the course of the project I designed the various pages while emphasizing a clear and constant visual hierarchy and adding experiential elements in order to make the website more fun to use.

Design of the internal pages

The website contains a large number of information and services pages.

During the course of the project I designed the various pages while emphasizing a clear and constant visual hierarchy and adding experiential elements in order to make the website more fun to use.

Designing the global website of Haaretz

Haaretz.com is the world's leading English-language website for real-time news and analysis of Israel and the Middle East.

One of the most interesting things I’ve dealt with on this project was the fact that the majority of its readers are located in other countries.

Personas research

To get a better grasp of the needs and the frustrations of the users of the website I conducted a personas research.

A persona is a user profile that we make based on user interviews. The personas help us translate the information we gathered in the early research stage to an actual user profile that will help us in making decisions down the road.

Personas research

During the Haaretz project, I had interviewed dozens of users from all over the world, leading me to discover a persona that had not been catered to at all in the original website.

Homepage design

I altered the design of the homepage to the different needs of the personas, according to an order of priority – while making sure to create a clear and scannable page.

Conducting user research on a prototype

Once the homepage design was finalized, I created a functioning prototype and tested it on potential users. After a process of changes and improvements I completed work on the homepage.

Design of the internal pages

I designed the internal pages with much attention to the requirements of a bilingual system (English and Hebrew), and with a desire to provide maximum flexibility to the website editors.

In addition, I wished to provide a greater exposure of the website writers, and to create a dialog between the different readers in an effective and interesting fashion.

The Cellular Wallet – an iPhone app

Due to Bank Hapoalim’s desire to create innovative UX for its clients, they decided to create a Cellular Wallet iPhone app. The app serves the clients of Bank Hapoalim, letting them pay bills, transfer funds and make withdrawals without using a magnetic card – quickly and efficiently. Among other things, the app uses the Bump feature to transfer funds between iPhone owners.

In this project I was in charge of the preliminary research, UI design and usability testing.

Concept design

I believe in offering at least three concepts for every project that I’m involved in, while emphasizing the advantages and the disadvantages of each – based on the research and design process.

In this project I also presented three different concepts. Following a long discussion in which I explained the benefits and the shortcomings of each concept, the bank selected the option that was the most suitable for its purposes and users (Luckily for me, it was also the one I liked the most).

Designing the internal pages

After the homepage and the app hierarchy have been completed, I’ve moved on to designing the internal pages.

On these pages I’d been asked to convert complex processes (as they tend to get whenever finance is involved) into quick and simple actions that could be performed on a cellular device.

I broke the processes down into steps, where each step had just one action, properly defined. This enabled me to create a process that was both quick and simple.

Creating a cellular prototype

I use the Axure RP software to create my designs and prototypes. This lets me create interactive prototypes already during the wireframing phase. Near the end of the project I’d created a functional prototype of the app and uploaded it online so it could be accessed from the iPhone.

The bank employees downloaded my prototype onto their devices and used it for a couple of days. After a few days, I had collected a lot of important and useful information which enabled me to improve the UI before I moved it on to the graphic design.

Israeli Online Shopping Experience

Prior to it's entry into the Israeli market, PayPal decided to perform several usability tests in Israel.

After research and analysis, PayPal decided on future steps in Israel.

I was in charge of the research and all analysis in collaboration with the American team.

This study was made using Eye Tracking technology.

Eye tracking

Eye tracking technology makes it possible for computers to know where users are looking. I use an eye tracker in my usability studies in order to fully understand the users and the efficiency of my design.

I have a unique experience in the fields of usability testing with eye tracking.

Test day

The study focused on Israeli users. The study was done under laboratory conditions. At the end of every test, I conducted a retrospective think aloud interview that contributed greatly to the final data analysis.

The primary goal was to understand the differences between RTL and LTR interfaces.

The secondary goal was to understand the online shopping experience using leading e-commerce sites in Israel.

My recommendations report

After analyzing the test results, I submitted my recommendations to PayPal.

This test was the first in a series of tests that determined PayPal's operation procedure when it comes to the RTL language market.

Designing Wiziapp Systems Interface

WiziApp automatically turns your WordPress blog into a native iPhone app.

You can customize the app by using a friendly wizard.

Site main page

WiziApp automatically turns your WordPress blog into a native iPhone app.

You can customize the app by using a friendly wizard.

Custom your app process

WiziApp automatically turns your WordPress blog into a native iPhone app.

You can customize the app by using a friendly wizard.

the app portfolio page

WiziApp automatically turns your WordPress blog into a native iPhone app.

You can customize the app by using a friendly wizard.

Quick view page

WiziApp automatically turns your WordPress blog into a native iPhone app.

You can customize the app by using a friendly wizard.

UX in a nutshell

This page was conceived when I wanted to pick out some of my recent works (only the things that can be shown). I wanted to create a simple page that would allow me to introduce a series of large images in order to reveal processes, as opposed to just the finished product.

While working on it, I thought it might be fun to reveal my quick process of designing this page itself, which may give you a glance into my thought processes.

It was important for me to design this page in a way that would allow me to develop it quickly, so I was working under restrictions (It’s not as much fun otherwise, right?).

So what do I really need?

Before opening Axure I made a list of my needs and goals. I wanted to present a complete process of product specification from start to finish, present some information about me and my activities in the field of user experience and I wanted it to look cool!

Draw Draw Draw

My challenge was to find a way to introduce a series of large images with text attached. Once I rejected some of my initial ideas (mainly due to complicated development), I ended up with the design you see in front of you. It wasn’t my first choice, but it was doable (and sometimes it's just as important - but only sometimes).

It's Axure time!

The last stop before the graphic design.

"Photoshop, here I come!".

Conduit Dashboard

Selected wireframe from the project.

amdocs wigloo

Selected wireframe from the project.

Exact Me | Personal dashboard

Selected wireframe from the project.

Orange | Account Control Panel

Selected wireframe from the project.

Orange Music

Selected wireframe from the project.