The creation method of the new interactive designer's work set

Often students ask how the interaction should reflect their work and ability, so today it is said that the new interactive designer's portfolio production.

Statement: All materials used in this article have been authorized, only for learning exchange, not for any commercial purposes, otherwise certain legal liability will be investigated.

Special thanks: Home Cheng Leo, Small and, Ding, Bubu provide their portfolio to me for reference.

In the twinkling of an eye again to the spring of a year, in addition to all things to revive the warm weather, but also ushered in a job hunting season: Not only students to busy spring recruit, find internships, apply for foreign schools, but also the peak of the job-hopping workers. For interactive designers, since to apply for a job, resume and work set is essential, the former has been in the previous articles have been talked about many times, but the latter often have students asked how the interaction should reflect their work and ability, so today is to say that the new interactive designer's portfolio production.

For the core competitiveness of interactive designers, it seems that both at home and abroad are more recognized as a saying is "story telling" and "persona", in Chinese is "scene deduction" and "User Portrait/Modeling." Having said that, the concrete understanding of these two abilities is not so easy, especially the "scene deduction". A lot of people just start to do a collection of time is piling up--piling up to do the project, the interface, the personal experience list, always make people feel read dry. You know, the portfolio itself is a product, so the creation of the portfolio is also reflected in these two important capabilities of the process.

　　Persona

User portrait is a very important ability, the user's understanding, induction will directly affect the effectiveness of the work of designers, although now many large companies do not strictly follow the interactive design process to design, but this is still a very significant point of observation. "About Face" has a lot of space to describe how this tool works in the actual project, interested friends can be dedicated to these chapters to study. The image below is a good example of a portrait (from Bubu).

Some of the more failed clusters do not specifically describe the user portrait of the project, they may say that the target population is students, old people, young women, but overly broad definitions will obscure the true audience. If you can choose several representative examples, and establish a more targeted, pointed portrait, can help designers in the early stage of the project to build the prototype. Therefore, in the focus of the work, it is very recommended to show this part of the portrait, but also very useful for readers to understand the project.

The above picture is another example of a user portrait that I personally think is better (from home Cheng Leo), for the product is an online learning platform. Although it is possible to use a live photo, the designer has drawn three typical cartoon characters based on the user's characteristics and has carefully described their basic situation and product-related demands. From the Skill buyer to the Skill seller to the employer, it is also an advanced process from campus to society (campus to society). In this way, the overall description will appear to be very layered, but also contains a wide range of coverage.

　　Storytelling

My own understanding of the scene deduction is mainly 5W principle, you must have the project and scene in the "who, What, when, Why, how" are clearly expressed ability. Sounds like a iffy. In fact, the comparison of the failed works only describes what the designer did, such as I designed a taxi software, showing the personal center, taxi interface, but in fact, the project's background, solve problems, the application of the scene are not detailed description.

The image above is an example of a failure in my own portfolio. I just listed the communication module, around the companion, my circle three functions and interface, itself relatively thin, and there is no direct series, and there is no combination of scenes, which belong to the failure of the scene deduction typical. The top "new features", "new ideas" a few words are completely nonsense, no comparison of the fundamental embodiment of "new", also expressed no such design solves what problem.

The portfolio is not like a PowerPoint presentation, which generally advocates less writing and more guidance, while the speaker pushes the story forward, but the collection is often presented separately to the reader, so the design process must be described.

If it is their own independent of the complete project, very recommended in the work to leave the two-dimensional code or URL, after all, see more than the picture is not as easy to play the truth. (The following image from: Home Cheng Leo)

As a result, if it is a real operation of the project, then in the work focus on the display of data such as PV, UV, simple profitability, will allow readers to the evaluation of the project up a few steps. The following figure is a product based on the previous research, testing the specific online effect of comparison (from small and). By evaluating it, you can see significant data elevation, and this simple page is the best design effect.

The picture above is my own project history show, a long-term project can highlight your execution. Through the change of data and the iteration of the function, it is very important to show the growth process of the project and the role you play in the process.

　　Duty

In the interview, in addition to the study of your personal qualities, but also often focus on understanding the ability to collaborate. A project from the design to the formal online, the middle must be with product managers, visual designers, development engineers to work together. In this process, in addition to design pages, carding logic what else do you do? What is the ability to control the project? Is your output standard? This is a very important ability in practical work.

　　Visual design of work set

If only in the work focus to do machine piling, the overall page I am afraid there will be no good consistency. For example, the cover is a design style, to the concrete display when there will be a variety of other styles, which for the reader experience is very bad. A good collection of works on the whole has a main line to traction, and in each section can reflect the characteristics of the project, will not allow readers to read when a strong sense of jumping, it is not easy to interrupt the reader's thinking. If you want to show a high-fidelity interface or prototype map, hand-painted, also should be these pictures in advance, cut into the appropriate size or best put in the corresponding mockup, do not directly to the picture affixed to the background, will appear very abrupt.

Like this (from the home of Leon), the product interface with the overall background of the complete integration, it will look very natural. There is no need for too much space to list the interface, in short, let your project have traces to follow, reflect the quality of the quantity, it can be.

On the other hand is not very recommended to do the work set too loud, the choice of color or cold a little better, but also to take into account the composition of the text and display effect. In short, we must remember that vision is for the content of service, do not get the cart before the horse. A simple layout like the following figure looks very comfortable (from Ding).

　　Self description

A good designer must also be an interesting person. The project is often limited, and many company projects are not suitable to put in directly, so I also suggest that you can stay in the work of one or two pages of space to describe yourself. For example, like sports (running, rock climbing, archery ...), like hand-drawn (show a book or other works), good at writing and photography (other social networking site homepage, etc.), and so on, I believe that they can add a lot of points. After all, who don't want to hire a pure work machine to be a colleague. (The following figure from the home Cheng Leo)

Give these examples do not know whether it is helpful to everyone, if you see a great collection of works also welcome the message to me, learn to enjoy.

I wish you a job seekers to find a satisfactory job: