{"id":12684,"date":"2023-12-08T23:21:15","date_gmt":"2023-12-08T15:21:15","guid":{"rendered":"https:\/\/edu.freezhao.com\/?p=12684"},"modified":"2024-11-09T10:51:51","modified_gmt":"2024-11-09T02:51:51","slug":"jal-ux","status":"publish","type":"post","link":"https:\/\/edu.freezhao.com\/en\/original-course\/2023\/12\/jal-ux\/","title":{"rendered":"Japan Airlines User Experience System Design"},"content":{"rendered":"
\r\n\r\n \r\n \r\n
\r\n
\r\n English<\/span><\/a> \r\n \r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n
\r\n
\r\n
English<\/span><\/div> \r\n \r\n <\/svg>\r\n <\/div>\r\n \r\n
\r\n \r\n \u4e2d\u6587<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\n\n\n

Team Introduction<\/h2>\n\n\n\n
\n
\"\u660e\u6cd3\u6c60\"<\/div>\n\n\n

\u660e\u6cd3\u6c60
AI Mode
PPT creation, blog post writing<\/p>\n<\/div>\n\n\n\n

\"\u5218\u7fe0\u5170\"<\/div>\n\n\n

\u5218\u7fe0\u5170
AI Mode
PPT production, product photography<\/p>\n<\/div>\n\n\n\n

\"\u674e\u6653\u7433\"<\/div>\n\n\n

\u674e\u6653\u7433
AI Mode
PPT creation, e-mail editing<\/p>\n<\/div>\n\n\n\n

\"\u5f20\u6d2a\u5e9a\"<\/div>\n\n\n

\u5f20\u6d2a\u5e9a
AI Mode
PPT production, product photography<\/p>\n<\/div>\n<\/div>\n\n\n\n

About Emirates<\/h2>\n\n\n\n

JAL is an airline famous for its service and safety record. It was founded in 1951 and is headquartered in Tokyo. It provides a wide range of domestic and international routes, connecting major cities around the world. As a member of an aviation alliance in the world, JAL has expanded its route network through its partners to provide you with more flight options. After years of development, JAL has become a leading airline in Japan and Asia. JAL is famous for its excellent service and safety record. We are committed to providing high-quality cabin service and comfortable travel experience. JAL's fleet consists of modern Boeing and Airbus aircraft to ensure your safe and comfortable navigation.<\/p>\n\n\n\n

\u4fe1\u6e90\uff1ahttps:\/\/en.wikipedia.org\/wiki\/Japan_Airlines<\/p>\n\n\n\n

Background<\/h2>\n\n\n\n

In the Product Interaction and Scenario Design course, we work to explore and address pain points and points of opportunity in delivering the customer experience at Japan Airlines (JAL). The context of our discussion focuses on several key areas of design, including personalization of the passenger experience, innovation in passenger entertainment, facilitation of social interactions, and the balance between comfort and efficiency.<\/p>\n\n\n\n

Story<\/h2>\n\n\n\n
\"\"<\/figure>
\n
\n

User Portrait<\/p>\n\n\n\n

Emily Thompson
Age: 32
Education level: Master's degree
Occupation: Marketing Manager
Language : Fluent in English as a first language and basic Japanese language skills
Motivation for travel: combining business work with travel and leisure<\/p>\n<\/div>\n<\/div><\/div>\n\n\n\n

\n
\n

Flight Infomation<\/p>\n\n\n\n

date\uff1aDec. 1
departure time: 12:50 AM
Flight No.:JL7451
Duration: 11 hours
Route: Toronto - Tokyo
Flight: Business class<\/p>\n<\/div>\n<\/div>

\"\"<\/figure><\/div>\n\n\n\n

Concept<\/h2>\n\n\n\n
    \n
  • OLED\u4ea4\u4e92\u9694\u677f\uff1a\u4fdd\u62a4\u65c5\u5ba2\u9690\u79c1\uff0c\u589e\u5f3a\u65c5\u9014\u4f53\u9a8c\uff0c\u5e76\u4e14\u5177\u5907\u4e30\u5bcc\u7684\u5a31\u4e50\u6027\u3002<\/li>\n\n\n\n
  • \u53cc\u9762\u9065\u63a7\u5668\uff1a\u901a\u8fc7\u521b\u65b0\u8ba9\u65c5\u5ba2\u66f4\u8f7b\u677e\u7684\u63a7\u5236\u65c5\u9014\u4f53\u9a8c\u3002<\/li>\n\n\n\n
  • JAL Smart Tavel Hu\uff1a\u901a\u8fc7\u793e\u4ea4\u4e92\u52a8\u548c\u5a31\u4e50\u6e38\u620f\uff0c\u8ba9\u65c5\u7a0b\u66f4\u52a0\u6709\u8da3\u3002<\/li>\n\n\n\n
  • JAL EchoRing AI Companion\uff1a\u4e3a\u65c5\u5ba2\u91cf\u8eab\u5b9a\u5236\u79c1\u4ebaAI\u52a9\u624b\u3002<\/li>\n<\/ul>\n\n\n\n

    Design<\/h2>\n\n\n\n

    OLED Interactive Partition<\/strong><\/h3>\n\n\n\n

    Sketch Iteration<\/h4>\n\n\n\n

     This OLED interactive divider provides privacy control, virtual window views and entertainment to enhance flight comfort. Passengers can freely adjust the transparency of the panel to enjoy a virtual view of the outside while having a personalized entertainment experience.<\/p>\n\n\n\n

    \n
    \"\"
    the first time<\/figcaption><\/figure>\n\n\n\n
    \"\"
    the first time<\/figcaption><\/figure>\n\n\n\n
    \"\"
    the first time<\/figcaption><\/figure>\n<\/figure>\n\n\n\n

    The diagrams generated by the first generation do not express the design at all<\/p>\n\n\n\n

    \n
    \"\"
    Second<\/figcaption><\/figure>\n\n\n\n
    \"\"
    Second<\/figcaption><\/figure>\n\n\n\n
    \"\"
    Second<\/figcaption><\/figure>\n<\/figure>\n\n\n\n

    A general design direction emerges<\/p>\n\n\n\n

    \n
    \"\"
    third<\/figcaption><\/figure>\n\n\n\n
    \"\"
    third<\/figcaption><\/figure>\n<\/figure>\n\n\n\n

    Ability to convey details that roughly match the product, when not composited in the same image<\/p>\n\n\n\n

    <\/div>\n\n\n\n

    Product Rendering<\/h4>\n\n\n\n

    Utilization of virtual reality technology to provide realistic views of the flight process, increasing passenger entertainment options and possibly in combination with transparency adjustment of the bulkheads. Virtual window technology to display external scenery or other relaxing visual content.<\/p>\n\n\n\n

    \n
    \"\"
    Product rendering Virtual image<\/figcaption><\/figure>\n\n\n\n
    \"\"
    Product rendering Virtual window<\/figcaption><\/figure>\n\n\n\n
    \"\"
    Product Effect Partition Lifting<\/figcaption><\/figure>\n\n\n\n
    \"\"
    Product Effect Reading Lamp<\/figcaption><\/figure>\n<\/figure>\n\n\n\n

    Partition transparency, height adjustment:
    Passengers can adjust the transparency and height of the partition according to their social needs and comfort level. The transparency of the partition is automatically adjusted according to the intelligent sensing of the environment sensing technology, which provides passengers with suitable environmentally adjusted light.<\/p>\n\n\n\n

    Reading light:
    Combine the dividers with reading lights to make the seating space more simple, clean and spacious. Ensure that the brightness and warmth of the light can be adjusted to suit the needs of different passengers and to minimize disturbance to neighboring passengers.<\/p>\n\n\n\n

    Virtual Reality Integration:
    Utilization of virtual reality technology to provide realistic views of the flight process, increasing passenger entertainment options and possibly in combination with transparency adjustment of the bulkheads. Virtual window technology to display external scenery or other relaxing visual content.<\/p>\n\n\n\n

    <\/div>\n\n\n\n

    technical application<\/h4>\n\n\n\n
    \"\"<\/figure>
    \n

    Electrochromic glass (also known as smart glass or electronic privacy glass) is a type of glass with variable optical properties. This glass can change its transparency, light transmission, or color, usually by the control of an electric current. It is becoming increasingly popular in a variety of applications, such as architectural, automotive and aerospace, especially for privacy and light control.<\/p>\n<\/div><\/div>\n\n\n\n

    <\/div>\n\n\n\n

    Final Result (Physical Shooting, Ideal Result)<\/h4>\n\n\n\n
    \n
    \"\"
    genuine photograph<\/figcaption><\/figure>\n\n\n\n
    \"\"
    Rendering<\/figcaption><\/figure>\n<\/figure>\n\n\n\n
    \n
    \"\"
    genuine photograph<\/figcaption><\/figure>\n\n\n\n
    \"\"
    Rendering<\/figcaption><\/figure>\n<\/figure>\n\n\n\n
    \n
    \"\"
    Product Pictures<\/figcaption><\/figure>\n\n\n\n
    \"\"
    Product Pictures<\/figcaption><\/figure>\n\n\n\n
    \"\"
    Product Pictures<\/figcaption><\/figure>\n\n\n\n
    \"\"
    Product Pictures<\/figcaption><\/figure>\n<\/figure>\n\n\n\n
    <\/div>\n\n\n\n

    Comments<\/h4>\n\n\n\n
    \n

    \"Manipulating the ai to accomplish a large amount of design work was a new endeavor for us students who are used to using contemporary design methods, and we gained a lot from it. Since product prototyping was rarely done in previous courses, this process this process was also a challenge for me us, but these challenges also served as a great catalyst for learning and growth, giving me another deeper understanding and appreciation of product design as a subject area.\"<\/p>\n\u674e\u6653\u7433<\/cite><\/blockquote>\n\n\n\n

    <\/div>\n\n\n\n

    Double-sided remote control<\/strong><\/h3>\n\n\n\n

    The design of this remote control focuses on blending two different functions, enabling it to serve as both an efficient seat remote control and an interactive game controller to meet diverse usage needs. A remote control that improves convenience, entertainment and comfort was created to bring a more perfect experience to the user. It allows users to precisely adjust the angle of the seat, including the backrest, seat, lumbar support, and headrest sections, to adapt to different comfort needs; users can save their own seat settings, such as their favorite angle, for quick and easy recall. It also has the additional function that users can adjust the height and transparency of the partition with the remote control.<\/p>\n\n\n\n

    <\/div>\n\n\n\n

    design process<\/h4>\n\n\n\n
    \n
    \n
    3D Modeling & Rendering.<\/h5>\n\n\n\n

    Detailed 3D modeling based on sketches and renderings. Rendering of the model to show a more realistic and detailed visualization.<\/p>\n<\/div>\n\n\n\n

    \n
    Modeling:<\/h5>\n\n\n\n

    Photograph and p-photograph the created model. Create a physical model using 3D printing technology and perform steps such as sanding, painting, and applying patterns.<\/p>\n<\/div>\n<\/div>\n\n\n\n

    \n
    \n
    Information gathering user pain point analysis:<\/h5>\n\n\n\n

    Utilize AI to understand basic information about Japan Airlines, including services, history, and market positioning. Let AI analyze and summarize user feedback to identify and organize user pain points.<\/p>\n<\/div>\n\n\n\n

    \n
    Identify design points:<\/h5>\n\n\n\n

    Identify design opportunity points through analysis, such as enhancing user experience, solving a specific problem, etc. Generate specific renderings using design software or AI tools. Renderings should clearly demonstrate the appearance of the design, functional layout, color scheme, etc.<\/p>\n<\/div>\n<\/div>\n\n\n\n

    <\/div>\n\n\n\n

    critical juncture<\/h4>\n\n\n\n
    \n
    \n
    Preliminary Design Intentions:<\/h5>\n\n\n\n

    Continuously generate design solutions with ai to meet user needs.<\/p>\n<\/div>\n\n\n\n

    \n
    Modeling:<\/h5>\n\n\n\n

    A grasp of the curvature of the product shape<\/p>\n<\/div>\n<\/div>\n\n\n\n

    \n
    \n
    Hand-boarding:<\/h5>\n\n\n\n

    My lack of experience in hand puppet making cost me a lot of time in this step, and I had a lot of problems printing, coloring, and patterning.<\/p>\n<\/div>\n\n\n\n

    \n
    Photography:<\/h5>\n\n\n\n

    Taking pictures is one of the more important points for me, it means that my model is finished being ready to be photographed.<\/p>\n<\/div>\n<\/div>\n\n\n\n

    <\/div>\n\n\n\n

    Sketch Iteration<\/h4>\n\n\n\n
    \n
    \"\"
    first time<\/figcaption><\/figure>\n\n\n\n
    \"\"
    first time<\/figcaption><\/figure>\n\n\n\n
    \"\"
    first time<\/figcaption><\/figure>\n<\/figure>\n\n\n\n

    The first generation generated diagrams were rather old-fashioned and far from ideal<\/p>\n\n\n\n

    \n
    \"\"
    Second<\/figcaption><\/figure>\n\n\n\n
    \"\"
    Second<\/figcaption><\/figure>\n\n\n\n
    \"\"
    Second<\/figcaption><\/figure>\n<\/figure>\n\n\n\n

    A prototype appears after a lot of matting, with a general direction, but the shape itself has a lot of problems<\/p>\n\n\n\n

    \n
    \"\"
    third<\/figcaption><\/figure>\n\n\n\n
    \"\"
    third<\/figcaption><\/figure>\n\n\n\n
    \"\"
    third<\/figcaption><\/figure>\n<\/figure>\n\n\n\n

    A prototype appears after a lot of matting, with a general direction, but the shape itself has a lot of problems<\/p>\n\n\n\n

    <\/div>\n\n\n\n

    Final Result (Physical Shooting, Ideal Result)<\/h4>\n\n\n\n
    \n
    \"\"
    Actual picture Front<\/figcaption><\/figure>\n\n\n\n
    \"\"
    Rendering Front<\/figcaption><\/figure>\n<\/figure>\n\n\n\n
    \n
    \"\"
    Actual picture Back<\/figcaption><\/figure>\n\n\n\n
    \"\"
    Rendering Back<\/figcaption><\/figure>\n<\/figure>\n\n\n\n
    \n
    \"\"
    Actual picture Front<\/figcaption><\/figure>\n\n\n\n
    \"\"
    Rendering Front<\/figcaption><\/figure>\n<\/figure>\n\n\n\n
    \n
    \"\"
    Actual picture Back<\/figcaption><\/figure>\n\n\n\n
    \"\"
    Rendering Back<\/figcaption><\/figure>\n<\/figure>\n\n\n\n
    \n
    \"\"
    Actual picture Handheld<\/figcaption><\/figure>\n\n\n\n
    \"\"
    Actual picture Handheld <\/figcaption><\/figure>\n<\/figure>\n\n\n\n

    Differences: the rendering of the material is frosted, but the physical shooting is smoother looks a little oil; the physical shooting of the surface actually has some bumps; the pattern on the keys, the rendering of the picture is gray, but the actual shooting is off-white
    Reason: I bought spray paint when I did not buy the corresponding frosted effect, bumpy because I did not sand well; pattern is time is tight, there is no opportunity to style wrong, I'm afraid of grey paste up no effect so adjusted the off-white color.<\/p>\n\n\n\n

    \n
    \"\"
    scene plan<\/figcaption><\/figure>\n\n\n\n
    \"\"
    designer<\/figcaption><\/figure>\n<\/figure>\n\n\n\n
    <\/div>\n\n\n\n

    Comments<\/h4>\n\n\n\n
    \n

    \"The deepest feeling I had from this class was the lack of experience in the area of hand boarding, which cost me a lot of time and directly contributed to my busy last week. Also because of this class I have gained a better understanding in 3D printing as well as spray painting and also patterning. There was also the use of AI, I realized that AI doesn't accompany me throughout the design process, at some point it has to quit and the final decision is still up to the designer.\"<\/p>\n\u5218\u7fe0\u5170<\/cite><\/blockquote>\n\n\n\n

    <\/div>\n\n\n\n

    JAL Smart Travel Hub<\/h3>\n\n\n\n

    JAL's Smart Travel Hub leverages a passenger's flight history and social media permissions to create a personal profile and summarize their interests. It provides social interactions with other passengers, including in-flight social interactions, entertainment content sharing, chat and gaming features, and rewards users.<\/p>\n\n\n\n

    <\/div>\n\n\n\n

    design process<\/h4>\n\n\n\n
    \n
    \n

    Get user feedback by collecting user reviews of JAL on Tripadvisor and Google Play, as well as checking out their vlogs posted online.<\/p>\n\n\n\n

    \"\"<\/figure>\n<\/div>\n\n\n\n
    \n

    Based on the findings, have a conversation with ChatGPT about how to improve the product design. Generate a preliminary design and revise it at library.relume.io.<\/p>\n\n\n\n

    \"\"<\/figure>\n<\/div>\n\n\n\n
    \n

    High fidelity designs were generated using app.uizard.io and finally fabricated and modified by figma.<\/p>\n\n\n\n

    <\/div>\n\n\n\n
    \"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
    <\/div>\n\n\n\n

    critical juncture<\/h4>\n\n\n\n
    \n
    \n
    Research and Analysis:<\/h5>\n\n\n\n

    Gather user feedback, analyze data, and determine direction for improvement.<\/p>\n<\/div>\n\n\n\n

    \n
    Preliminary design program:<\/h5>\n\n\n\n

    Generate preliminary design solutions to meet user needs.<\/p>\n<\/div>\n<\/div>\n\n\n\n

    \n
    \n
    High fidelity design:<\/h5>\n\n\n\n

    High-fidelity design creation and modification using app.uizard.io and figma.<\/p>\n<\/div>\n\n\n\n

    \n
    Program modifications:<\/h5>\n\n\n\n

    Validate and correct the design to ensure that the results are as expected.<\/p>\n<\/div>\n<\/div>\n\n\n\n

    <\/div>\n\n\n\n

    Pain point: barren entertainment for long journeys<\/h4>\n\n\n\n
    \n
    \n
    Limited movie library and music library<\/h5>\n\n\n\n
    \n
    \n
    \"\"<\/figure>\n\n\n\n
    \n
    \"\"<\/figure>\n<\/figure>\n<\/div>\n\n\n\n
    \n
    \n
    \"\"<\/figure>\n<\/figure>\n\n\n\n
    \n
    \"\"<\/figure>\n<\/figure>\n<\/div>\n\n\n\n
    \n
    \n
    \"\"<\/figure>\n<\/figure>\n\n\n\n
    \n
    \"\"<\/figure>\n<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
    \n
    Barren game library<\/h5>\n\n\n\n
    \"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
    <\/div>\n\n\n\n

    Opportunity Point: In-flight Interactive Social Entertainment<\/h4>\n\n\n\n
    \n
    \n

    Interactive experiences and social features: Allows passengers to interact with those around them through the smart display, share media content or interact socially. Provides the ability to chat, play games and share entertainment content.<\/p>\n<\/div>\n\n\n\n

    \n
    \"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
    <\/div>\n\n\n\n

    functionality<\/h4>\n\n\n\n
    \"\"<\/figure>\n\n\n\n
    <\/div>\n\n\n\n

    \u9ad8\u4fdd\u771f\u56fe\u7247<\/h4>\n\n\n\n
    \n
    \"\"
    Personal homepage<\/figcaption><\/figure>\n\n\n\n
    \"\"
    multimedia entertainment<\/figcaption><\/figure>\n<\/figure>\n\n\n\n
    \n
    \"\"
    Video Sharing Interface<\/figcaption><\/figure>\n\n\n\n
    \"\"
    Chat interface in video sharing<\/figcaption><\/figure>\n<\/figure>\n\n\n\n
    \n
    \"\"
    Music Sharing Interface<\/figcaption><\/figure>\n\n\n\n
    \"\"
    Topic Chat Interface<\/figcaption><\/figure>\n\n\n\n
    \"\"
    game interface<\/figcaption><\/figure>\n<\/figure>\n\n\n\n
    <\/div>\n\n\n\n

    High fidelity video<\/h4>\n\n\n\n