Intelligent cabin interface display optimization method and device, electronic equipment and storage medium

Abstract

The invention discloses an intelligent cockpit interface display optimization method and device, electronic equipment and a storage medium, and relates to the field of cockpit optimization. The UI visual direction optimization step comprises a visual resource optimization step and a memory management step; the step of optimizing the interaction direction of the UE comprises a step of designing according to a sorting algorithm of user favorites; the optimization step of the UX experience direction comprises the following steps of: designing a lightweight animation; the step of optimizing the visual resources comprises a strategy of optimizing the picture size and a strategy of inert loading; the memory management step comprises an object tree resource recovery strategy and an intelligent pointer resource management strategy; the sorting algorithm design according to the user preference comprises the following steps: defining a strategy for measuring user preference indexes, a strategy for counting the number of the indexes and a strategy for quickly sorting the preference; the lightweight animation design comprises an animation type selection strategy and an animation design process clear progress strategy.

Description

TECHNICAL FIELD

[0001] The present application relates to the field of cockpit optimization, in particular to an intelligent cockpit interface display optimization method, an intelligent cockpit interface display optimization device, an electronic device, a storage medium and a vehicle cockpit. BACKGROUND

[0002] The cockpit interface is a key interface for human-vehicle interaction, connecting the user and the cockpit closely. How to optimize the interface display experience and enable the user to quickly and accurately access the required function directly affects the user's driving pleasure.

[0003] The current vehicle-mounted interface generally has the pain points of slow loading speed, long interface interaction time, difficulty in finding functions for users, and slow interface response speed. Therefore, an intelligent cockpit interface display optimization scheme is needed to shorten the user waiting and interaction time systematically and improve the driving experience, taking the user starting the engine after getting into the car and selecting the APP scene needed by the user as an example, based on the UI, UE and UX interface design directions. SUMMARY

[0004] The purpose of the present application is to provide an intelligent cockpit interface display optimization method, an intelligent cockpit interface display optimization device, an electronic device, a storage medium and a vehicle cockpit, which at least solve one of the technical problems of how to reduce memory consumption and how to improve memory utilization.

[0005] The present application provides the following solutions:

[0006] According to a first aspect of the present application, an intelligent cockpit interface display optimization method is provided, which comprises:

[0007] an optimization step of UI visual direction, an optimization step of UE interaction direction and an optimization step of UX experience direction;

[0008] The optimization step of UI visual direction comprises a step of visual resource optimization and a step of memory management;

[0009] The optimization step of UE interaction direction comprises a step of sorting algorithm design according to user preference;

[0010] The optimization step of UX experience direction comprises a step of lightweight animation design;

[0011] The step of visual resource optimization comprises a strategy of optimizing picture size and a strategy of lazy loading;

[0012] The step of memory management comprises a strategy of object tree resource recycling and a strategy of smart pointer management resource;

[0013] The steps of the user preference ranking algorithm design include defining a user preference index measurement strategy, a number of index measurement strategy, and a fast sorting preference strategy;

[0014] The steps of the lightweight animation design include an animation type selection strategy and a design animation process explicit progress strategy.

[0015] Further, the strategy for optimizing the picture size includes:

[0016] Obtaining boot-up animation pixels and format information;

[0017] Optimizing the picture size based on BitmapFactory;

[0018] The strategy for optimizing the picture size includes adapting the animation frame size based on screen display;

[0019] Resetting the picture resolution according to the animation frame adapted based on screen display;

[0020] The picture resolution is reset to be less than or equal to the original picture resolution.

[0021] It also includes a lazy loading strategy;

[0022] The lazy loading strategy includes controlling the loading order of all sequence frames;

[0023] The loading order of all sequence frames includes loading the current playing frame and surrounding frames first, and avoiding loading all sequence frames at once.

[0024] Further, the strategy for recycling object tree resources includes:

[0025] Based on creating sequence frame objects, multiple sequence frames are generated as child objects to form an object tree;

[0026] Releasing memory resources by taking the object tree as the deletion unit;

[0027] It also includes a smart pointer resource management strategy;

[0028] The smart pointer resource management strategy includes setting the scope of the smart pointer;

[0029] Based on the scope of the smart pointer, the life cycle of the sequence frame resource is managed;

[0030] When the smart pointer leaves the scope, the memory it points to is automatically recycled.

[0031] Further, the strategy for defining a user preference index includes:

[0032] Defining a user preference index based on the number of file selection times in historical data;

[0033] Further, the strategy of the number of statistical indicators includes setting the degree of favor according to the number of file selection times, and forming an unordered numerical value;

[0034] Further, the strategy of the number of statistical indicators includes setting the degree of favor according to the number of file selection times, and forming an unordered numerical value;

[0035] Further, the strategy of the number of statistical indicators includes setting the degree of favor according to the number of file selection times, and forming an unordered numerical value;

[0036] Further, the strategy of the number of statistical indicators includes setting the degree of favor according to the number of file selection times, and forming an unordered numerical value;

[0037] Define a pre and a cur pointer;

[0038] Let the cur pointer go first, and stop if it encounters a value smaller than the benchmark value, then let the pre pointer go one step forward, and then exchange them;

[0039] When the pre pointer and the cur pointer meet, the current loop terminates;

[0040] Exchange the benchmark value and the pre value at this time;

[0041] Form an ordered array according to the user's degree of favor and display it on the interface.

[0042] Further, the strategy of the number of statistical indicators includes setting the degree of favor according to the number of file selection times, and forming an unordered numerical value;

[0043] Determine whether the complexity of the current animation library is higher than CSS animation or lightweight JavaScript library;

[0044] If so, use CSS animation or lightweight JavaScript library;

[0045] Further, the strategy of the number of statistical indicators includes setting the degree of favor according to the number of file selection times, and forming an unordered numerical value;

[0046] Further, the strategy of the number of statistical indicators includes setting the degree of favor according to the number of file selection times, and forming an unordered numerical value;

[0047] The refresh of the progress bar or percentage indicator or periodic animation corresponds to the process state of the system processing data or loading content.

[0048] Further, the strategy of the number of statistical indicators includes setting the degree of favor according to the number of file selection times, and forming an unordered numerical value;

[0049] The scheme inspection step includes technical index detection, target verification and user experience test;

[0050] Technical index detection includes testing loading speed;

[0051] The loading speed test includes page load time and element interaction response time ≤ 2 seconds;

[0052] Technical indicator testing also includes ensuring that the animation frame rate remains stable within the preset range while the preset core functions operate normally.

[0053] Target validation includes comparing key indicator data of the sample groups;

[0054] Set up test tasks and compare the degree of improvement in key performance indicators;

[0055] User experience testing includes sampling user feedback data;

[0056] User review data includes evaluations of communication fluency, color scheme, and animation style;

[0057] Based on the steps of the solution verification, adjust the optimization steps in the UI visual direction, the UE interaction direction, and / or the UX experience direction.

[0058] According to a second aspect of the present invention, a smart cockpit interface display optimization device is provided, the smart cockpit interface display optimization device comprising:

[0059] Optimization modules for UI visuals, UE interaction, and UX experience;

[0060] The UI visual optimization module is used for steps of visual resource optimization and memory management.

[0061] The UE interaction optimization module is used for the design of steps based on the ranking algorithm of user preferences;

[0062] The UX experience optimization module is used for lightweight animation design steps;

[0063] The steps for visual resource optimization include strategies for optimizing image size and lazy loading strategies;

[0064] The steps of memory management include strategies for object tree resource reclamation and strategies for smart pointer resource management;

[0065] The steps involved in designing a ranking algorithm based on user preference include defining strategies for measuring user preference metrics, strategies for the number of statistical metrics, and strategies for quickly ranking preferences.

[0066] The steps involved in lightweight animation design include strategies for choosing animation types and strategies for clearly defining the schedule of the animation process.

[0067] According to a third aspect of the present application, an electronic device is provided, comprising a processor, a communication interface, a memory and a communication bus, wherein the processor, the communication interface and the memory communicate with each other through the communication bus.

[0068] The memory stores a computer program, which, when executed by the processor, causes the processor to perform the steps of the intelligent cabin interface display optimization method.

[0069] According to a fourth aspect of the present application, a computer readable storage medium is provided, which stores a computer program executable by an electronic device, and when the computer program is run on the electronic device, the electronic device performs the steps of the intelligent cabin interface display optimization method.

[0070] According to a fifth aspect of the present application, a vehicle cabin is provided, comprising:

[0071] An electronic device is configured to implement the steps of the intelligent cabin interface display optimization method.

[0072] A processor is configured to run a program, and when the program is run, the data output from the electronic device performs the steps of the intelligent cabin interface display optimization method.

[0073] A storage medium is configured to store a program, and when the program is run, the data output from the electronic device performs the steps of the intelligent cabin interface display optimization method.

[0074] Through the above scheme, the following beneficial technical effects are obtained:

[0075] The present application reduces resource consumption and improves the speed of vehicle start and refresh by controlling pixel waste.

[0076] The present application reduces resource consumption and improves the speed of vehicle start and refresh by improving memory cleaning efficiency.

[0077] The present application reduces resource consumption and improves the speed of vehicle start and refresh by sorting control. BRIEF DESCRIPTION OF DRAWINGS

[0078] Figure 1 is a flowchart of an intelligent cabin interface display optimization method provided by one or more embodiments of the present application.

[0079] Figure 2 is a structural diagram of an intelligent cabin interface display optimization device provided by one or more embodiments of the present application.

[0080] Figure 3 is a schematic diagram of scene pain point flow analysis of user onboarding ignition selection function provided by one specific embodiment of the present application.

[0081] Figure 4 This is a schematic diagram of the flowchart design of a specific embodiment of the present invention.

[0082] Figure 5 This is a block diagram of an electronic device structure for an intelligent cockpit interface display optimization method provided in one or more embodiments of the present invention. Detailed Implementation

[0083] The technical solution of the present invention will now be clearly and completely described with reference to the accompanying drawings. Obviously, the described embodiments are only some, not all, of the embodiments of the present invention. Based on the embodiments of the present invention, all other embodiments obtained by those skilled in the art without creative effort are within the scope of protection of the present invention.

[0084] Figure 1 This is a flowchart of a smart cockpit interface display optimization method provided by one or more embodiments of the present invention.

[0085] like Figure 1 The intelligent cockpit interface display optimization methods shown include:

[0086] The optimization steps are as follows: UI visual direction S1, UE interaction direction S2, and UX experience direction S3.

[0087] The optimization steps in the UI visual direction include steps for visual resource optimization and steps for memory management;

[0088] The optimization steps for UE interaction include the design of a ranking algorithm based on user preference.

[0089] The optimization steps in the UX experience direction include the steps of lightweight animation design;

[0090] The steps for visual resource optimization include strategies for optimizing image size and lazy loading strategies;

[0091] The steps of memory management include strategies for object tree resource reclamation and strategies for smart pointer resource management;

[0092] The steps involved in designing a ranking algorithm based on user preference include defining strategies for measuring user preference metrics, strategies for the number of statistical metrics, and strategies for quickly ranking preferences.

[0093] The steps involved in lightweight animation design include strategies for choosing animation types and strategies for clearly defining the schedule of the animation process.

[0094] Specifically, in one particular embodiment, such as Figure 3 Analysis of the pain points in the user's vehicle ignition selection process:

[0095] 1. Slow loading speed of interface (function entering stage)

[0096] Loading speed is the first impression of the user after starting the car. If the car machine boot animation or the animation time of entering the function module is too long, or the function interface appears for too long, the user may have negative emotions due to waiting before the trip starts. Loading speed is affected by many factors, and through visual resource optimization and memory management, user waiting time can be greatly reduced, and travel happiness can be improved.

[0097] 2. Long interface interaction time (function selection stage)

[0098] After starting the ignition, the user will interact with the interface, such as selecting the required secondary function from the APP list, etc. The interface needs to quickly provide the user with the expected options. If the user cannot find the expected options, it will make the user feel that the interface information is not focused, and increase the interface use time. Through interaction sorting algorithm optimization to improve the intelligent interaction of the interface, complete the user's specified task, and provide efficient interaction experience.

[0099] 3. Slow interface response speed (function response stage)

[0100] When the user finds the expected function, the next step is to enter the function, and through the design of lightweight animation, the user's anxiety about waiting for response is reduced, and the interface is avoided after clicking.

[0101] Accordingly, through the methods of optimizing visual resources and memory management, optimizing interaction sorting algorithm, and designing lightweight animation, the interface display experience can be greatly improved, the interface interaction efficiency can be improved, and the user experience and market competitiveness can be improved.

[0102] In another specific embodiment, as shown in the scheme flow chart design: Figure 4

[0103] 1. Visual resource optimization and memory management (UI visual direction);

[0104] After starting the car, most car machines will play a welcome animation to reflect the brand tone and enhance the sense of ceremony. The animation resources are often composed of dozens or even hundreds of PNG format pictures, which are loaded and played sequentially in the interface engine tool to achieve the ideal animation effect. This operation will consume a lot of memory resources allocated to the APP by the car machine, and even cause animation playback to be stuck or take too long.

[0105] 1.1. Visual optimization resources;

[0106] Objective: Adapt the visual material pictures to the screen resolution and adjust the picture loading order to optimize the display performance and improve the interface loading speed. ​

[0107] Implementation: Optimize the picture size with BitmapFactory, ensure that the animation frame size fits the screen display, and avoid using high-resolution pictures that occupy memory.

[0108] Use the lazy loading scheme to load the current playing frame and surrounding frames first, avoid loading all sequence frames at once, and reduce peak memory; the above can avoid the kill mechanism of the system due to the use of too large memory.

[0109] 1.2, Memory management;

[0110] Objective: Timely resource management recycling and monitoring to avoid memory leaks that cause the interface to not display normally or load slowly.

[0111] Implementation: Use object trees to recycle resources. When we create a sequence frame object, we can pass other sequence frames to it as parent objects. When the parent object is deleted, all child objects will be automatically deleted. In this way, a group of related sequence frame objects connected in an object tree can facilitate resource recycling.

[0112] Use smart pointers to manage resources to automatically manage the life cycle of sequence frame resources. When the smart pointer leaves the scope, the memory it points to will be automatically recycled.

[0113] 2, Interaction sorting algorithm optimization to improve interface interaction efficiency (UE interaction direction);

[0114] After the user starts the train machine normally, it starts the first soft switch interaction with the interface; place the functions that the user often uses or has high preference in the dominant display area, which can greatly save the car interaction time of function selection and improve the interface interaction efficiency.

[0115] 2.1, According to the user preference sorting algorithm design

[0116] Objective: Take the music playing scene after getting on the bus as an example, place the songs or singers that the user frequently plays on the music APP home page or first screen, and dynamically adjust the interface display content according to user usage habit feedback for a long time. Ensure that each time of use can quickly provide the user's high-frequency options, saving user interaction time.

[0117] Implementation: Define the indicators to measure user preference. There are N songs in the music APP, and define the number of times the N songs have been heard before as the preference indicator.

[0118] Number of statistical indicators. The number of times the song is heard is the most 1, up to 10 times, we use 10 as the user's favorite degree of this song. Some songs are heard 0 times, but we cannot consider the user's favorite degree of these songs to be 0, and we can set it to 1, and each song has a favorite degree, forming an unordered array.

[0119] Quick sort algorithm. Adopt double pointers, select the first song in the array as the benchmark value.

[0120] Define a pre and a cur pointer, let the cur pointer go first, if it encounters a value smaller than the benchmark value, we stop, then let the pre pointer go one step forward, and then swap it.

[0121] When the pre pointer and the cur pointer meet, we let this loop terminate, and we can exchange the benchmark value and the pre value at this time. At this time we will also find that the values on the right are smaller than the benchmark, and the values on the left are larger than it. Form an ordered array according to the user's favorite degree and display it on the interface.

[0122] Through the above algorithm, the interface will provide a song list / function based on the user's favorite degree, and the user will find the favorite song / function more quickly, reduce the user's function search time, and improve the interface interaction efficiency.

[0123] 3. Lightweight animation design (UX experience direction);

[0124] When the user selects the required function, it will enter the function response stage, and the design and implementation of simple animation can reduce the anxiety caused by the user's waiting for the interface response time, and improve the user experience.

[0125] Objective: Reduce the user's waiting response time after selecting the function, and improve the user experience.

[0126] Implementation: Choose the right animation type, use CSS animation or lightweight JavaScript library (such as GSAP or Animate.css), avoid using large or complex animation library.

[0127] Design a clear progress in the animation process, use a progress bar or a percentage indicator or a periodic animation to ensure that the loading animation clearly tells the user that the system is processing data or loading content. Through animation, the user feels that the process is continuously progressing, rather than completely static, and the anxiety is alleviated.

[0128] Through the above lightweight animation design, both the user's anxiety about the response time is weakened from the experience feeling angle, and the interactivity of the interface is enhanced.

[0129] 4. Plan test; Goal: Collect quantitative data by using A / B testing method, compare the design of the above plan with the original design by R&D personnel; prove the feasibility of the plan.

[0130] Implementation: Technical index detection. Test the loading speed, the page loading time and the element interaction response time should meet the ≤2 seconds standard;

[0131] Dynamic effect test: Ensure that the animation frame rate is stable and does not affect the core function operation

[0132] Goal verification. Confirm whether the optimized plan achieves the preset core goal of "improving user interaction operation efficiency", and verify the improvement degree of key indicators (such as task completion time) through data comparison.

[0133] User experience test. Task simulation test is used to collect users' subjective evaluation of interface animation, color matching and interaction fluency.

[0134] In this embodiment, the strategy for optimizing the picture size includes:

[0135] Obtain the pixel and format information of the boot animation;

[0136] Optimize the picture size based on BitmapFactory;

[0137] Optimizing the picture size includes adapting the animation frame size based on the screen display;

[0138] According to the animation frame based on the screen display, the picture resolution is reset;

[0139] Among them, the picture resolution is reset to be less than or equal to the original picture resolution.

[0140] It also includes the strategy of lazy loading;

[0141] The strategy of lazy loading includes controlling the loading order of all sequence frames;

[0142] The loading order of all sequence frames includes loading the current playing frame and surrounding frames first, avoiding loading all sequence frames at once.

[0143] Specifically, in one specific embodiment:

[0144] 1. Determine the picture resource adaptation screen ratio, set the picture resolution to 1 / 4 of the UI material ratio, adapt the car machine screen, and reduce the memory occupation.

[0145] Public void loadFrames{

[0146] for(int i=startFrame;i〈=endFrame;i++ {

[0147] Int resid=getResources().getIdentifier("frame"+i,"drawable",getPackageName());

[0148] options.inSamplesize = 4;

[0149] 2. Determine the sequence frames to be played and the preceding and following sequence frames, and add them to the play-to-play set, then wait for playback.

[0150] Bitmap bitmap = BitmapFactory.decodeResource(getResources(), resid,options);

[0151] bitmaps.add(bitmap);

[0152] }

[0153] }

[0154] In this implementation, the strategy for object tree resource reclamation includes:

[0155] When creating a sequence frame object, multiple sequence frames are treated as child objects, and an object tree is generated.

[0156] Deleting objects from the tree as the unit releases memory resources.

[0157] This also includes strategies for managing resources using smart pointers;

[0158] Strategies for managing resources with smart pointers include setting the scope of the smart pointer;

[0159] The lifecycle of sequence frame resources is managed based on smart pointer scope;

[0160] When a smart pointer goes out of scope, the memory it points to is automatically reclaimed.

[0161] Specifically, in one particular embodiment:

[0162] 1. Create objects that inherit from the QObject class, and manage subclass objects through its object list (QObjectList). When the parent object is destroyed, all (child) objects in its object list will also be destroyed, and the parent object will automatically remove them from the parent object list.

[0163] QLabel *label = new QLabel;

[0164] label -> deleteLater(); / / deleteLater() releases memory

[0165] 2. Use std::unique_ptr, a smart pointer with exclusive ownership. It owns the object it points to, and only one unique_ptr can own that object at a time. When the unique_ptr is destroyed (e.g., out of scope), the object it points to is also automatically deleted.

[0166] #include <memory>

[0167] void foo() {

[0168] / / 1

[0169] std::unique_ptr <int>ptr(new int(42)); / / Allocate memory

[0170] / / Using ptr...

[0171] When ptr goes out of scope, the memory it points to will be automatically released.

[0172] The above solutions can improve UI resource processing efficiency, release memory occupied by resources, and increase interface loading speed.

[0173] In this embodiment, the strategy for defining the metrics for measuring user liking includes:

[0174] Define a user preference metric based on the number of times files are selected in historical data;

[0175] This also includes strategies for the number of statistical indicators;

[0176] Strategies for determining the number of statistical indicators include setting a degree of preference based on the number of times a document is selected, thus creating unordered numerical values.

[0177] This also includes strategies for quickly sorting preferences;

[0178] The strategy for quick sorting preferences includes selecting the preference level of the first file in the array as the baseline value;

[0179] Define a pre pointer and a cur pointer;

[0180] Let the cur pointer move first. If it encounters a value smaller than the base value, stop it, then let the pre pointer move forward one step, and then swap them.

[0181] The loop terminates when the pre pointer and the cur pointer meet.

[0182] Then swap the baseline value with the current pre value;

[0183] An ordered array based on user preferences is displayed on the interface.

[0184] Specifically, in one particular embodiment:

[0185] void QuickSort1(int* a,int begin, int end)

[0186] {

[0187] int right = end;

[0188] int left = begin;

[0189] int key = begin;

[0190] if (begin >= end)

[0191] {

[0192] return;

[0193] }

[0194] while (left < right)

[0195] {

[0196] while (a[right] >= a[key] && right >left)

[0197] {

[0198] right--;

[0199] }

[0200] while (a[left] <= a[key] && right > left)

[0201] {

[0202] left++;

[0203] }

[0204] Swap(&a[right], &a[left]);

[0205] }

[0206] Swap(&a[key], &a[left]);

[0207] key = left;

[0208] QuickSort1(a, begin, left - 1); / / Left side

[0209] QuickSort1(a, key+1, end); / / Right side

[0210] }

[0211] Based on the algorithm above, the interface will provide playlists / features based on user preferences, allowing users to find their favorite songs / features more quickly, reducing the time users spend searching for features, and improving the efficiency of interface interaction.

[0212] In this embodiment, the strategy for selecting the animation type includes:

[0213] Determine whether the complexity of the current animation library is higher than that of CSS animations or lightweight JavaScript libraries;

[0214] If the value is higher, then use CSS animations or a lightweight JavaScript library;

[0215] This also includes strategies for clearly defining the schedule in the animation design process;

[0216] Strategies for designing animations that clearly indicate progress include using progress bars, percentage indicators, or periodic animations to show the user that the system is processing data or loading content.

[0217] The refresh of the progress bar, percentage indicator, or periodic animation corresponds to the process status of the system processing data or loading content.

[0218] Specifically, in one particular embodiment, here is a simple example of a CSS rotation animation:

[0219] .loader {

[0220] border: 16px solid #f3f3f3; / * Light gray * /

[0221] border-top: 16px solid #3498db; / * Blue * /

[0222] border-radius: 50%;

[0223] width: 120px;

[0224] height: 120px;

[0225] animation: spin 2s linear infinite;

[0226] }

[0227] @keyframes spin {

[0228] 0% { transform: rotate(0deg);}

[0229] 100% { transform: rotate(360deg);}

[0230] }

[0231] The lightweight animation design mentioned above reduces users' anxiety about response time from the perspective of user experience, and enhances the interactivity of the interface.

[0232] In the embodiment, the scheme verification step is further included;

[0233] The scheme verification step includes technical index detection, target verification and user experience test;

[0234] The technical index detection includes testing the loading speed;

[0235] The testing of the loading speed includes that the page loading time and the element interaction response time are less than or equal to 2 seconds;

[0236] The technical index detection further includes that the preset core function operation is normal while the animation frame rate is stabilized in a preset range;

[0237] The target verification includes comparing the key index data of the sample group;

[0238] The test task is set to compare the improvement degree of the key index data;

[0239] The user experience test includes sampling user evaluation data;

[0240] The user evaluation data includes evaluation data of fluent communication, color matching and animation form;

[0241] According to the scheme verification step, the optimization step of the UI visual direction, the optimization step of the UE interaction direction or / and the optimization step of the UX experience direction are adjusted.

[0242] Specifically, in one specific embodiment, the technical scheme detection result is as follows:

[0243] | Index type | Qualified standard | Measurement tool |

[0244] |-----------------|------------------ |-------------------|

[0245] | Layout rendering time consumption | <16ms / frame | Chrome DevTools |

[0246] | First screen loading time | <1.5 seconds | Lighthouse |

[0247] | Interaction response delay | <100ms | WebPageTest |

[0248] Figure 2 is a structural diagram of an intelligent cockpit interface display optimization device provided by one or more embodiments of the present application.

[0249] As Figure 2 The intelligent cabin interface display optimization device shown comprises:

[0250] The optimization module of UI visual direction, the optimization module of UE interaction direction and the optimization module of UX experience direction;

[0251] The optimization module of UI visual direction is used for the steps of visual resource optimization and the steps of memory management;

[0252] The optimization module of UE interaction direction is used for the step of sorting algorithm design according to user preference;

[0253] The optimization module of UX experience direction is used for the step of lightweight animation design;

[0254] The step of visual resource optimization comprises the strategy of optimizing picture size and the strategy of lazy loading;

[0255] The step of memory management comprises the strategy of object tree resource recycling and the strategy of smart pointer management resource;

[0256] The step of sorting algorithm design according to user preference comprises the strategy of defining user preference index, the strategy of counting index number and the strategy of quick sorting preference;

[0257] The step of lightweight animation design comprises the strategy of animation type selection and the strategy of designing animation process clear progress.

[0258] It is worth noting that, although the system / device only discloses the optimization module of UI visual direction, the optimization module of UE interaction direction and the optimization module of UX experience direction, etc., but does not mean that the device is limited to the above basic function modules, relatively, the meaning expressed by the present application is that on the basis of the above basic function modules, the person skilled in the art can combine the prior art to add one or more function modules, form infinite embodiments or technical solutions, that is, the system / device is open rather than closed, and cannot be considered that the protection scope of the present application is limited to the above disclosed basic function modules because the present embodiment only discloses individual basic function modules.

[0259] Figure 5 It is an electronic device structure block diagram of the intelligent cabin interface display optimization method provided by one or more embodiments of the present application.

[0260] As Figure 5 shown, the present application provides an electronic device, comprising: a processor, a communication interface, a memory and a communication bus, wherein the processor, the communication interface and the memory complete mutual communication through the communication bus;

[0261] The computer program stored in the memory, when executed by the processor, causes the processor to perform the steps of the intelligent cabin interface display optimization method.

[0262] The application also provides a computer readable storage medium storing a computer program executable by an electronic device, which, when running on the electronic device, causes the electronic device to perform the steps of the intelligent cabin interface display optimization method.

[0263] The application also provides a vehicle cabin comprising:

[0264] The electronic device is used to implement the steps of the intelligent cabin interface display optimization method.

[0265] The processor runs the program, and when the program runs, the data output from the electronic device performs the steps of the intelligent cabin interface display optimization method.

[0266] The storage medium is used to store the program, and when the program runs, the data output from the electronic device performs the steps of the intelligent cabin interface display optimization method.

[0267] The communication bus mentioned above can be a Peripheral Component Interconnect (PCI) bus or an Extended Industry Standard Architecture (EISA) bus, etc. The communication bus can be divided into an address bus, a data bus, a control bus, etc. For the convenience of representation, only one thick line is used in the figure, but it does not mean that there is only one bus or only one type of bus.

[0268] The electronic device includes a hardware layer, an operating system layer running on the hardware layer, and an application layer running on the operating system. The hardware layer includes central processing unit (CPU), memory management unit (MMU) and memory, etc. The operating system can be any one or more computer operating systems that realize the control of the electronic device through processes, such as Linux operating system, Unix operating system, Android operating system, iOS operating system or windows operating system, etc. In the embodiments of the application, the electronic device can be a handheld device such as a smart phone or a tablet computer, or an electronic device such as a desktop computer or a portable computer, which is not particularly limited in the embodiments of the application.

[0269] The execution subject of the electronic device control in the embodiment of the present application can be an electronic device, or a functional module in the electronic device capable of calling and executing a program. The electronic device can acquire firmware corresponding to the storage medium, the firmware corresponding to the storage medium is provided by a supplier, and the firmware corresponding to different storage media can be the same or different, which is not limited herein. After the electronic device acquires the firmware corresponding to the storage medium, the electronic device can write the firmware corresponding to the storage medium into the storage medium, specifically, burn the firmware corresponding to the storage medium into the storage medium. The process of burning the firmware into the storage medium can be implemented by using the prior art, which is not described in detail in the embodiment of the present application.

[0270] The electronic device can also acquire a reset command corresponding to the storage medium, the reset command corresponding to the storage medium is provided by a supplier, and the reset commands corresponding to different storage media can be the same or different, which is not limited herein.

[0271] At this time, the storage medium of the electronic device is a storage medium in which the corresponding firmware is written, and the electronic device can respond to the reset command corresponding to the storage medium in the storage medium in which the corresponding firmware is written, so that the electronic device resets the storage medium in which the corresponding firmware is written according to the reset command corresponding to the storage medium. The process of resetting the storage medium according to the reset command can be implemented by using the prior art, which is not described in detail in the embodiment of the present application.

[0272] For the convenience of description, the above device is described as various units and modules in terms of functions. Of course, the functions of the units and modules can be implemented in the same or multiple software and / or hardware in the implementation of the present application.

[0273] Those skilled in the art can understand that, unless otherwise defined, all terms (including technical terms and scientific terms) used herein have the same meaning as that generally understood by those skilled in the art to which the present application belongs. It should also be understood that terms such as those defined in general dictionaries should be understood as having meanings consistent with those in the context of the prior art, and should not be interpreted in an idealized or overly formal sense unless specifically defined.

[0274] For the method embodiments, for the convenience of description, they are all described as a combination of a series of actions, but those skilled in the art should know that the embodiments of the present application are not limited by the order of the described actions, because according to the embodiments of the present application, certain steps can be performed in other order or simultaneously. Secondly, those skilled in the art should know that the embodiments described in the specification all belong to preferred embodiments, and the actions involved are not necessarily necessary for the embodiments of the present application.

[0275] Those skilled in the art can clearly understand the application by the description of the above embodiments that the application can be implemented by means of software and the necessary universal hardware platform. Based on such understanding, the technical solutions of the application can be embodied in the form of a software product, which can be stored in a storage medium, such as a ROM / RAM, a magnetic disk, an optical disk, and the like, and includes a number of instructions to make a computer device (which can be a personal computer, a server, or a network device, and the like) execute the methods described in each of the embodiments or some parts of the embodiments of the application.

[0276] Finally, it should be noted that: the above embodiments are only used to illustrate the technical solutions of the application, and not to limit them; although the application has been described in detail with reference to the foregoing embodiments, those skilled in the art should understand that: it can still modify the technical solutions recorded in the foregoing embodiments, or make equivalent replacement for part or all of the technical features; and these modifications or replacements do not make the essence of the corresponding technical solutions deviate from the scope of the technical solutions of the embodiments of the application.< / int> < / memory>

Claims

1. An intelligent cockpit interface display optimization method, characterized in that, The intelligent cockpit interface display optimization method comprises: The optimization steps of UI visual direction, the optimization steps of UE interaction direction and the optimization steps of UX experience direction; The optimization steps of UI visual direction comprise the steps of visual resource optimization and memory management; The optimization steps of UE interaction direction comprise the step of sorting algorithm design according to user preference degree; The optimization steps of UX experience direction comprise the step of lightweight animation design; The step of visual resource optimization comprises the strategy of optimizing picture size and the strategy of lazy loading; The step of memory management comprises the strategy of object tree resource recycling and the strategy of smart pointer management resource; The step of sorting algorithm design according to user preference degree comprises the strategy of defining user preference degree index, the strategy of counting index number and the strategy of quick sorting preference degree; The step of lightweight animation design comprises the strategy of animation type selection and the strategy of designing animation process clear progress.

2. The smart cabin interface display optimization method of claim 1, wherein, The strategy of optimizing picture size comprises: Obtaining picture pixel and format information of starting up; Optimizing picture size based on BitmapFactory; The strategy of optimizing picture size comprises adapting animation frame size based on screen display; Reseting picture resolution according to the adapted animation frame based on screen display; Wherein, the reset picture resolution is less than or equal to the original set picture resolution. Further comprising the strategy of lazy loading; The strategy of lazy loading comprises controlling the loading sequence of all sequence frames; The loading sequence of all sequence frames comprises loading the current playing frame and surrounding frames first to avoid loading all sequence frames at once.

3. The smart cabin interface display optimization method of claim 1, wherein, The strategy of object tree resource recycling comprises: Generating an object tree based on multiple sequence frames as child objects when creating a sequence frame object; Releasing memory resources by taking the object tree as a deletion unit; Further comprising the strategy of smart pointer management resource; The strategy of smart pointer management resource comprises setting the scope of smart pointer; Managing the life cycle of sequence frame resource based on the scope of smart pointer; Wherein, the memory pointed by the smart pointer is automatically recycled when the smart pointer leaves the scope.

4. The smart cabin interface display optimization method of claim 1, wherein, The strategy of defining user preference degree index comprises: Defining user preference degree index according to file selection times in historical data; Further comprising the strategy of counting index number; The strategy of counting index number comprises setting preference degree according to file selection times to form unordered values; Further comprising the strategy of quick sorting preference degree; The strategy of quick sorting preference degree comprises selecting the preference degree of the first file in the array as the benchmark value; Defining a pre pointer and a cur pointer; Let the cur pointer go first, and stop if it encounters a value smaller than the benchmark value, then let the pre pointer go one step forward and exchange them again; When the pre pointer and the cur pointer meet, the current loop terminates; Exchange the benchmark value and the pre value at this time; Form an ordered array according to user preference degree for interface display.

5. The smart cabin interface display optimization method of claim 1, wherein, The strategy of animation type selection comprises: Judging whether the complexity of the current animation library is higher than CSS animation or lightweight JavaScript library; If yes, using CSS animation or lightweight JavaScript library; Further comprising, the strategy of designing the explicit progress of the animation process; The strategy of designing the explicit progress of the animation process includes using a progress bar or a percentage indicator or a periodic animation to indicate that the user system is processing data or loading content; Wherein, the refreshing of the progress bar or the percentage indicator or the periodic animation corresponds to the process state of the system processing data or loading content.

6. The smart cabin interface display optimization method of any one of claims 1-5, wherein, Further comprising: The steps of scheme inspection; The steps of scheme inspection include technical index detection, target verification and user experience test; The technical index detection includes testing the loading speed; The testing of the loading speed includes that the page loading time and the element interaction response time are less than or equal to 2 seconds; The technical index detection further includes that the animation frame rate is stable in a preset range while the preset core function operation is normal; The target verification includes comparing the key indicator data of the sample group; Setting a test task and comparing the improvement degree of the key indicator data; The user experience test includes sampling user evaluation data; The user evaluation data includes evaluation data of fluent communication, color matching and animation form; According to the steps of scheme inspection, the optimization steps of the UI visual direction, the optimization steps of the UE interaction direction or / and the optimization steps of the UX experience direction are adjusted.

7. An intelligent cabin interface display optimization apparatus, characterized by, The intelligent cockpit interface display optimization device comprises: The optimization module of the UI visual direction, the optimization module of the UE interaction direction and the optimization module of the UX experience direction; The optimization module of the UI visual direction is used for the steps of visual resource optimization and memory management; The optimization module of the UE interaction direction is used for the steps of sorting algorithm design according to user preference degree; The optimization module of the UX experience direction is used for the steps of lightweight animation design; The steps of visual resource optimization include the strategies of optimizing picture size and lazy loading; The steps of memory management include the strategies of object tree resource recycling and smart pointer management resource; The steps of sorting algorithm design according to user preference degree include the strategies of defining user preference degree index, counting the number of indicators and quickly sorting preference degree; The steps of lightweight animation design include the strategies of animation type selection and designing the explicit progress of the animation process.

8. An electronic device, comprising: Comprise: A processor, a communication interface, a memory and a communication bus, wherein the processor, the communication interface and the memory complete mutual communication through the communication bus; The memory stores a computer program, and when the computer program is executed by the processor, the processor executes the steps of the intelligent cockpit interface display optimization method in any one of claims 1 to 6.

9. A computer-readable storage medium, characterized in that, The memory stores a computer program executable by the electronic device, and when the computer program runs on the electronic device, the electronic device executes the steps of the intelligent cockpit interface display optimization method in any one of claims 1 to 6.

10. A vehicle cabin, characterized by Comprise: An electronic device for implementing the steps of the intelligent cockpit interface display optimization method in any one of claims 1 to 6; A processor, and when the program runs, the processor executes the steps of the intelligent cockpit interface display optimization method in any one of claims 1 to 6 from the data output by the electronic device; A storage medium for storing a program, which, when executed, performs the steps of the smart cockpit interface display optimization method as claimed in any one of claims 1 to 6 on data output from an electronic device.

Images