Twitter designer releases design transitions and privacy in the development of Twitter new feature "Twitter Video"

It is possible to shoot and edit movies of up to 30 seconds on the application and post them tweet as Twitter's new function "Twitter Video"is. There seemed to be various trial and error in the development of Twitter Video, and served as a designer of the same functionPaul StamatiouHe has released his unknown development confidential story.

Designing Twitter Video - PaulStamatiou.com
http://paulstamatiou.com/twitter-video/

The Twitter Video project started from the idea that native video support is necessary for the Twitter platform that keeps moving in real time. Twitter's designer Stamatiou first came up with prototyping and testing, considering the UI design of the new features. Candidates for UI design are diverse and all of them are tested with prototype. Mr. Stamatiou added "Framer StudioI used the software called.


It seems that the work of testing the design with a prototype took a tremendously long time, but due to that also there was no particular problem in UI design at the early stages of development. However, the project team pointed out "The position and size of the deletion button that is likely to cause a user's misoperation." After receiving an indication, Mr. Stamatiou changed to the intuitive operation "to drag a new page after shooting, tap the delete button to delete the movie", "discard it in the trash can by dragging" did.

Even after that, every time we changed the design, the project team repeatedly pointed out, but we repeated the task of "creating a new design and testing with a prototype" a number of times, completing satisfactory functions. Finally it is CEO of TwitterDick · CostroMr. Costro's feedback was not a good one although he came to the stage where Mr. confirmed the new function.

Mr. Costro pointed out in the feedback about the "bar displayed during movie shooting". While shooting a movie, the bar moves from left to right on the bottom of the screen to display a bar that allows you to see how many seconds the user shot. However, Mr. Costro pointed out that "Since the bar is long for 30 seconds of photographing time, it is difficult to see if the button slowly moves and shooting is possible."


In order to solve the problem pointed out by Mr. Costello, Mr. Stamatiou started working on changing the UI of the shooting screen again. There seems to be a considerable number of design candidates, such as installing a timer that counts 30 seconds at the top of the screen.


A version whose timer display position is downward. This will be the image being developed.


What we are waiting for after modifying the design is a functional test by a general user. The thing obtained from the use test by the general user was large, and it was said that it became a trigger to change various functions. For example, "The user was confused by the movie confirmation / edit screen" triggered changing the design, but on the other hand, "By installing a timer that counts the photographing time, the user can accurately grasp the photographing time There was also opinion which seemed to be refreshing, such as "I did not know the operation until I shoot by shooting the camera from Twitter".


It was also necessary to design the UI after movie shooting so that the user can operate it intuitively just by seeing it.


There was also a problem caused by the difference between iOS and Android, but it was fixed in cooperation with the team of engineers. There seems to be a risk that the designer intervenes in the work of the engineer, but Mr. Stamatiou is also involved in the technical part of Twitter, so there was no problem with the engineer. In addition to causing problems, there seems to be a lot of things to learn about iOS and Android coding.


Just before the release, ask all employees of Twitter to use it, and check if there is another place to restore. There were many reports of bugs from the employees I used, and I was told that the bug was being addressed until just before the release. Strong cooperation between designers and engineers was important for the development of Twitter Video, it was a long way but I was moved when I saw users using new functions in the town, Ms. Stamatiou said "This is the reason why this works on my Twitter" I am talking.