{"id":902,"date":"2020-05-21T18:54:16","date_gmt":"2020-05-21T17:54:16","guid":{"rendered":"https:\/\/www.dxtr.co.uk\/?page_id=902"},"modified":"2024-03-19T20:48:33","modified_gmt":"2024-03-19T20:48:33","slug":"tm","status":"publish","type":"page","link":"https:\/\/www.dxtr.co.uk\/index.php\/tm\/","title":{"rendered":"case study 1 – tm"},"content":{"rendered":"

[et_pb_section fb_built=”1″ custom_padding_last_edited=”on|tablet” _builder_version=”4.16″ background_color=”#333333″ height_tablet=”” height_phone=”820px” height_last_edited=”on|phone” custom_margin=”||||false|false” custom_margin_tablet=”-40px||||false|false” custom_margin_phone=”0px||||false|false” custom_margin_last_edited=”on|phone” custom_padding=”0px|0px|2px|0px|false|false” custom_padding_tablet=”0px|0px|2px|0px|false|false” custom_padding_phone=”” locked=”off” global_colors_info=”{}”][et_pb_row column_structure=”1_2,1_2″ use_custom_gutter=”on” gutter_width=”1″ make_equal=”on” custom_padding_last_edited=”on|phone” module_class=” et_pb_row_fullwidth” _builder_version=”4.22.2″ background_color=”rgba(0,0,0,0)” background_size=”initial” background_position=”top_left” background_repeat=”repeat” width=”85%” width_tablet=”100%” width_phone=”80%” width_last_edited=”on|desktop” max_width=”100%” max_width_tablet=”100%” max_width_phone=”” max_width_last_edited=”on|tablet” module_alignment=”center” height_tablet=”” height_phone=”auto” height_last_edited=”on|phone” custom_margin=”|0px|-73px|auto|false|false” custom_margin_tablet=”0px|100px|-80px|auto|false|false” custom_margin_phone=”0px|auto|-2px|auto|false|false” custom_margin_last_edited=”on|desktop” custom_padding=”0px|0px|0px|0px|false|false” custom_padding_tablet=”200px|100px|0px|20px|false|false” custom_padding_phone=”100px|0px|0px|0px|false|false” background_last_edited=”on|tablet” make_fullwidth=”on” locked=”off” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.22.2″ background_color=”rgba(0,0,0,0)” background_position=”top_left” custom_padding=”5%|0px|15%|0px|false|false” custom_padding_tablet=”0%|||8%|false|false” custom_padding_phone=”0%|0%|80px|0%|false|false” custom_padding_last_edited=”on|desktop” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_divider color=”#ffffff” divider_weight=”3px” _builder_version=”4.22.2″ horizontal_offset=”0px” horizontal_offset_tablet=”0px” horizontal_offset_phone=”” horizontal_offset_last_edited=”on|tablet” position_origin_a_tablet=”” position_origin_a_phone=”” position_origin_a_last_edited=”on|tablet” position_origin_f_tablet=”” position_origin_f_phone=”” position_origin_f_last_edited=”on|tablet” position_origin_r_tablet=”” position_origin_r_phone=”” position_origin_r_last_edited=”on|tablet” width_tablet=”100%” width_phone=”” width_last_edited=”on|tablet” max_width=”100px” module_alignment=”left” custom_margin=”||20px||false|false” custom_margin_tablet=”” custom_margin_phone=”||0px||false|false” custom_margin_last_edited=”on|phone” custom_padding=”60px||20px||false|false” custom_padding_tablet=”” custom_padding_phone=”0px||0px||false|false” custom_padding_last_edited=”on|tablet” animation_style=”none” positioning_tablet=”absolute” positioning_phone=”” positioning_last_edited=”on|tablet” saved_tabs=”all” locked=”off” global_colors_info=”{}”][\/et_pb_divider][et_pb_cta title=”App Concept: Uncovering the real network of work” button_url=”https:\/\/www.dxtr.co.uk\/index.php\/case-study-2-e-commerce-website\/” admin_label=”Feature 01″ _builder_version=”4.22.2″ header_font=”Montserrat|900|||||||” header_text_color=”#ffffff” header_font_size=”42px” header_letter_spacing=”-1px” body_font=”Montserrat||||||||” body_text_color=”#ffffff” body_font_size=”16″ body_line_height=”1.2em” use_background_color=”off” custom_button=”on” button_text_color=”#bc0101″ button_bg_color=”#ffffff” button_border_color=”#ffffff” button_border_radius=”0″ button_letter_spacing=”2″ button_font=”Montserrat|||on|” button_use_icon=”off” button_custom_margin=”||||false|false” button_custom_margin_tablet=”” button_custom_margin_phone=”-60px||40px||false|false” button_custom_margin_last_edited=”on|phone” text_orientation=”left” background_layout=”light” width=”100%” width_tablet=”49%” width_phone=”100%” width_last_edited=”on|phone” module_alignment=”center” custom_margin=”|||” custom_margin_tablet=”” custom_margin_phone=”40px||||false|false” custom_margin_last_edited=”on|tablet” custom_padding=”|||0px|false|false” custom_padding_tablet=”” custom_padding_phone=”0px|0px||0px|false|false” custom_padding_last_edited=”on|desktop” animation_direction=”bottom” module_alignment_tablet=”left” module_alignment_phone=”left” module_alignment_last_edited=”on|tablet” button_text_color_hover=”#6eba01″ button_border_color_hover=”#6eba01″ button_border_radius_hover=”0″ button_letter_spacing_hover=”2″ button_bg_color_hover=”rgba(0,0,0,0)” saved_tabs=”all” locked=”off” global_colors_info=”{}” button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”on|hover” button_text_color__hover=”#ffffff” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”on” button_border_color__hover=”#6eba01″ button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”on” button_border_radius__hover=”0″ button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”on” button_letter_spacing__hover=”2″ button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”on” button_bg_color__hover=”rgba(0,0,0,0)” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”]<\/p>\n

 <\/p>\n

A concept to visualise network graph data<\/p>\n

 <\/p>\n

\"Team<\/p>\n

[\/et_pb_cta][\/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.22.2″ background_color=”rgba(0,0,0,0)” use_background_color_gradient=”on” background_color_gradient_direction=”27deg” background_color_gradient_stops=”rgba(0,0,0,0) 0%|rgba(0,0,0,0) 86%” background_color_gradient_start=”rgba(0,0,0,0)” background_color_gradient_end=”rgba(0,0,0,0)” background_color_gradient_end_position=”86%” background_enable_image=”off” background_position=”center_left” custom_padding=”5%|0px|10%|0px|false|false” custom_padding_tablet=”” custom_padding_phone=”0px||0px|0px|false|false” custom_padding_last_edited=”on|phone” background_last_edited=”on|tablet” background_color_gradient_stops_tablet=”rgba(0,0,0,0) 0%|rgba(0,0,0,0) 86%” background_color_gradient_stops_phone=”rgba(0,0,0,0) 0%|rgba(0,0,0,0) 86%” background_color_gradient_start_tablet=”rgba(0,0,0,0)” background_color_gradient_start_phone=”rgba(0,0,0,0)” parallax_tablet=”off” background_size_tablet=”cover” global_colors_info=”{}” custom_padding__hover=”|||” background_color_gradient_start_tablet_preview_tablet=”#bc0101″][et_pb_image src=”https:\/\/www.dxtr.co.uk\/wp-content\/uploads\/2020\/05\/TM-mobile-app.png” alt=”TM mobile app” title_text=”TM-mobile-app” show_bottom_space=”off” _builder_version=”4.21.0″ positioning=”relative” vertical_offset=”0px” horizontal_offset=”-40px” vertical_offset_tablet=”-160px” vertical_offset_phone=”30px” vertical_offset_last_edited=”on|tablet” horizontal_offset_tablet=”235px” horizontal_offset_phone=”-70px” horizontal_offset_last_edited=”on|tablet” position_origin_a_tablet=”” position_origin_a_phone=”” position_origin_a_last_edited=”on|phone” position_origin_f_tablet=”” position_origin_f_phone=”” position_origin_f_last_edited=”on|phone” position_origin_r_tablet=”” position_origin_r_phone=”” position_origin_r_last_edited=”on|phone” width=”100%” width_tablet=”100%” width_phone=”140%” width_last_edited=”on|tablet” module_alignment=”center” custom_margin=”40px|0px||0px|false|false” custom_margin_tablet=”-80px||||false|false” custom_margin_phone=”|0px||0px|false|false” custom_margin_last_edited=”on|tablet” custom_padding=”|0px|||false|false” background_last_edited=”on|tablet” positioning_tablet=”” positioning_phone=”” positioning_last_edited=”on|phone” module_alignment_tablet=”left” module_alignment_phone=”” module_alignment_last_edited=”on|tablet” global_colors_info=”{}”][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.16″ background_color=”#111111″ locked=”off” global_colors_info=”{}”][et_pb_row column_structure=”1_4,3_4″ _builder_version=”4.22.2″ background_color=”rgba(0,0,0,0)” width=”85%” custom_margin=”0px||0px||false|false” custom_padding=”40px|0px|40px|0px|false|false” locked=”off” global_colors_info=”{}”][et_pb_column type=”1_4″ _builder_version=”4.16″ background_enable_color=”off” custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.22.2″ text_font=”Montserrat||||||||” text_text_color=”#ffffff” header_text_color=”#ffffff” header_letter_spacing=”-1px” header_3_text_color=”#ffffff” header_4_font=”Montserrat||||||||” header_4_text_color=”#ffffff” background_color=”rgba(0,0,0,0)” custom_padding=”||0px|0px|false|false” locked=”off” global_colors_info=”{}”]<\/p>\n

My Role<\/h4>\n

Product Design <\/span>UX+UI \/\u00a0 Interactive Prototyping<\/span><\/p>\n

[\/et_pb_text][\/et_pb_column][et_pb_column type=”3_4″ _builder_version=”4.16″ background_enable_color=”off” custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.22.2″ text_font=”Montserrat||||||||” text_text_color=”#ffffff” header_text_color=”#ffffff” header_letter_spacing=”-1px” header_3_text_color=”#ffffff” header_4_font=”Montserrat||||||||” header_4_text_color=”#ffffff” background_color=”rgba(0,0,0,0)” custom_padding=”||0px|0px|false|false” locked=”off” global_colors_info=”{}”]<\/p>\n

The Team<\/h4>\n

Director<\/span>\u00a0\/\u00a0<\/span>Front End Developer \/ Back End Lead Developer<\/span><\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ admin_label=”Services Header” _builder_version=”4.16″ width_tablet=”auto” width_phone=”” width_last_edited=”on|tablet” locked=”off” global_colors_info=”{}”][et_pb_row _builder_version=”4.22.2″ _module_preset=”default” width=”60%” custom_padding=”60px|20px|20px|20px|false|false” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.22.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.22.2″ _module_preset=”default” text_font=”|600|||||||” text_font_size=”24px” text_line_height=”1.4em” global_colors_info=”{}”]<\/p>\n

An enterprise-level business intelligence API that pulls data from Slack, Github, Jira, Dropbox, Google Suite etc, to visualise connections and collaborations between colleagues and across projects.<\/em><\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.22.2″ background_color=”#ffffff” custom_padding=”40px|0px|0px|0px|false|false” locked=”off” global_colors_info=”{}”][et_pb_row column_structure=”1_3,1_3,1_3″ _builder_version=”4.22.2″ width=”85%” custom_padding=”0px|0px|40px|0px|false|false” global_colors_info=”{}”][et_pb_column type=”1_3″ _builder_version=”4.22.2″ background_color=”#f4f4f4″ custom_padding=”10px|20px|20px|20px|false|false” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.22.2″ text_font=”|700|||||||” text_text_color=”#000000″ text_font_size=”24px” text_line_height=”1.4em” custom_margin=”||12px||false|false” locked=”off” global_colors_info=”{}”]<\/p>\n

Problem<\/p>\n

[\/et_pb_text][et_pb_text _builder_version=”4.22.2″ text_font=”||||||||” text_text_color=”#666666″ text_line_height=”1.4em” locked=”off” global_colors_info=”{}”]<\/p>\n

Network graph visualisations suck<\/strong> for “non-data people”, so I was briefed to create a speculative product to showcase the API in pitch meetings and illustrate how it could be used practically.<\/p>\n

[\/et_pb_text][et_pb_text _builder_version=”4.22.2″ _module_preset=”default” text_font=”|300|||||||” text_font_size=”24px” text_line_height=”1.4em” locked=”off” global_colors_info=”{}”]<\/p>\n

\n

“Oh… yeah,
<\/em>in 5 days,<\/em>
with no branding or style guides by the way…”<\/em><\/p>\n<\/blockquote>\n

[\/et_pb_text][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.16″ background_color=”#f4f4f4″ custom_padding=”10px|20px|20px|20px|false|false” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.22.2″ text_font=”|700|||||||” text_text_color=”#000000″ text_font_size=”24px” text_line_height=”1.4em” custom_margin=”||12px||false|false” locked=”off” global_colors_info=”{}”]<\/p>\n

Solution<\/p>\n

[\/et_pb_text][et_pb_text _builder_version=”4.22.2″ text_font=”||||||||” text_text_color=”#666666″ text_line_height=”1.4em” locked=”off” global_colors_info=”{}”]<\/p>\n

A fully branded interactive Figma prototype for a product concept to identify in-house project resource, surmised from previous collaborations and network graph data from messaging apps.<\/p>\n

I designed the product branding and feature set, plus simplified workflows to connect data sources.<\/p>\n

[\/et_pb_text][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.16″ background_color=”#f4f4f4″ custom_padding=”10px|20px|20px|20px|false|false” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.22.2″ text_font=”|700|||||||” text_text_color=”#000000″ text_font_size=”24px” text_line_height=”1.4em” custom_margin=”||12px||false|false” locked=”off” global_colors_info=”{}”]<\/p>\n

Business Impact<\/p>\n

[\/et_pb_text][et_pb_text _builder_version=”4.22.2″ text_font=”||||||||” text_text_color=”#666666″ text_line_height=”1.4em” locked=”off” global_colors_info=”{}”]<\/p>\n

Directors were able to demonstrate the API’s potential without the costly development overhead of a fully engineered MVP.<\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.16″ background_enable_image=”off” background_size=”contain” background_position=”top_center” width=”100%” module_alignment=”center” min_height=”362px” custom_padding=”0px||0px|||” global_colors_info=”{}”][et_pb_row _builder_version=”4.21.0″ width=”70%” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ global_colors_info=”{}”][et_pb_image src=”https:\/\/www.dxtr.co.uk\/wp-content\/uploads\/2020\/05\/one.png” force_fullwidth=”on” _builder_version=”4.16″ global_colors_info=”{}”][\/et_pb_image][et_pb_text _builder_version=”4.22.2″ _module_preset=”default” text_font=”|300|||||||” text_font_size=”24px” text_line_height=”1.4em” global_colors_info=”{}”]<\/p>\n

\n

“Looks great, but I don’t understand it”<\/em><\/p>\n<\/blockquote>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.22.2″ custom_padding=”2px||0px|||” global_colors_info=”{}”][et_pb_row _builder_version=”4.16″ width=”100%” custom_width_px=”710px” locked=”off” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ background_position=”top_left” custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text admin_label=”Testimonials Section Title” _builder_version=”4.16″ header_font=”Montserrat||||” header_text_align=”center” header_font_size=”36px” background_size=”initial” background_position=”top_left” background_repeat=”repeat” text_orientation=”center” background_layout=”dark” max_width=”710px” module_alignment=”center” animation_style=”fold” animation_direction=”bottom” animation_intensity_fold=”20%” global_colors_info=”{}”]<\/p>\n

Process<\/h1>\n

[\/et_pb_text][et_pb_divider color=”#000000″ divider_weight=”3px” _builder_version=”4.16″ max_width=”100px” custom_padding=”||20px|” locked=”off” global_colors_info=”{}”][\/et_pb_divider][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_4,1_4,1_4,1_4″ _builder_version=”4.22.2″ width=”85%” custom_padding=”20px|0px|40px|0px|false|false” locked=”off” global_colors_info=”{}”][et_pb_column type=”1_4″ _builder_version=”4.16″ global_colors_info=”{}”][et_pb_blurb title=”Requirements” image=”https:\/\/www.dxtr.co.uk\/wp-content\/uploads\/2023\/10\/requirements.png” alt=”Requirements” image_icon_width=”50%” icon_alignment=”left” _builder_version=”4.22.2″ _module_preset=”default” body_text_color=”#666666″ global_colors_info=”{}”]<\/p>\n

How much depth should the prototype cover?<\/p>\n

Prototype connecting the data sources?<\/p>\n

What are the most significant data points to include?\u00a0<\/p>\n

<\/span><\/p>\n

 <\/p>\n

[\/et_pb_blurb][\/et_pb_column][et_pb_column type=”1_4″ _builder_version=”4.16″ global_colors_info=”{}”][et_pb_blurb title=”Object Oriented Design” image=”https:\/\/www.dxtr.co.uk\/wp-content\/uploads\/2023\/10\/object-oriented.png” image_icon_width=”50%” icon_alignment=”left” _builder_version=”4.22.2″ _module_preset=”default” body_text_color=”#666666″ global_colors_info=”{}”]<\/p>\n

Identify objects, e.g.<\/strong>
– User
– File
– Thread<\/p>\n

Identify\u00a0 use cases, e.g.<\/strong>
\u00a0– What can be done (Title)
\u00a0– Who does it (Actor)
\u00a0– How it’s done ( Scenario)<\/p>\n

Identify actors, e.g.
<\/strong>\u00a0– General users
\u00a0– Notification service
\u00a0– 3rd party API<\/p>\n

[\/et_pb_blurb][\/et_pb_column][et_pb_column type=”1_4″ _builder_version=”4.16″ global_colors_info=”{}”][et_pb_blurb title=”Platform and Interaction Model” image=”https:\/\/www.dxtr.co.uk\/wp-content\/uploads\/2023\/10\/interaction.png” alt=”Interaction” image_icon_width=”50%” icon_alignment=”left” _builder_version=”4.22.2″ _module_preset=”default” body_text_color=”#666666″ global_colors_info=”{}”]<\/p>\n

The director wanted to showcase functionality in ad-hoc IRL networking scenarios, so an\u00a0iPhone app <\/strong>was the best candidate, with objects and data points presented mostly as lists.\u00a0<\/p>\n

\u00a0<\/span><\/p>\n

[\/et_pb_blurb][\/et_pb_column][et_pb_column type=”1_4″ _builder_version=”4.22.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_blurb title=”Iterative Prototyping” image=”https:\/\/www.dxtr.co.uk\/wp-content\/uploads\/2023\/10\/prototyping-1.png” alt=”prototyping” image_icon_width=”50%” icon_alignment=”left” _builder_version=”4.22.2″ _module_preset=”default” body_font=”||||||||” body_text_color=”#666666″ global_colors_info=”{}”]<\/p>\n

Prototypes created in Figma, tested internally amongst peers (Startup operating in Stealth Mode), iterating on feedback, e.g. an early idea for an AI powered conversational interface proved too complicated in the time allowed.<\/p>\n

 <\/p>\n

[\/et_pb_blurb][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.16″ background_image=”https:\/\/www.dxtr.co.uk\/wp-content\/uploads\/2020\/08\/Product-UX-Design-information-architecture.png” parallax=”on” min_height=”640px” link_option_url=”https:\/\/www.figma.com\/file\/QAF3VKRZHUH5rDwQmRyqAZ\/Team-Machine-Pages?node-id=4%3A8″ link_option_url_new_window=”on” global_colors_info=”{}”][\/et_pb_section][et_pb_section fb_built=”1″ disabled_on=”on|off|off” _builder_version=”4.16″ link_option_url=”https:\/\/www.figma.com\/file\/QAF3VKRZHUH5rDwQmRyqAZ\/Team-Machine-Pages?node-id=4%3A8″ link_option_url_new_window=”on” global_colors_info=”{}”][et_pb_row _builder_version=”4.16″ width=”100%” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ global_colors_info=”{}”][et_pb_image src=”https:\/\/www.dxtr.co.uk\/wp-content\/uploads\/2020\/05\/figma-logo.png” alt=”Figma logo” title_text=”figma-logo” _builder_version=”4.16″ positioning=”absolute” width=”24px” global_colors_info=”{}”][\/et_pb_image][et_pb_text _builder_version=”4.16″ positioning=”absolute” position_origin_a=”top_center” width=”100%” custom_margin=”|||0px|false|false” custom_padding=”|||40px|false|false” global_colors_info=”{}”]<\/p>\n

View this file in Figma<\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.16″ custom_padding=”1px|||||” global_colors_info=”{}”][et_pb_row _builder_version=”4.16″ width=”100%” custom_margin_tablet=”” custom_margin_phone=”” custom_margin_last_edited=”on|desktop” custom_width_px=”710px” locked=”off” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ background_position=”top_left” custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text admin_label=”Testimonials Section Title” _builder_version=”4.16″ header_font=”Montserrat||||” header_text_align=”center” header_font_size=”36px” background_size=”initial” background_position=”top_left” background_repeat=”repeat” text_orientation=”center” background_layout=”dark” max_width=”710px” module_alignment=”center” animation_style=”fold” animation_direction=”bottom” animation_intensity_fold=”20%” global_colors_info=”{}”]<\/p>\n

Eating our own dogfood<\/h1>\n

[\/et_pb_text][et_pb_divider color=”#000000″ divider_weight=”3px” _builder_version=”4.16″ max_width=”100px” custom_padding=”||20px|” locked=”off” global_colors_info=”{}”][\/et_pb_divider][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_3,1_3,1_3″ _builder_version=”4.22.2″ width=”85%” width_tablet=”90%” width_phone=”” width_last_edited=”on|desktop” custom_padding=”20px|0px|20px|0px|false|false” global_colors_info=”{}”][et_pb_column type=”1_3″ _builder_version=”4.16″ global_colors_info=”{}”][et_pb_text _builder_version=”4.16″ text_font=”||||||||” global_colors_info=”{}”]<\/p>\n

<\/strong><\/h4>\n

Given the time constraints, I decided that the most appropriate organisation to model would be one I was familiar with, this would reduce the research overhead finding examples for entities such as job titles, apps used, file types etc.<\/p>\n

the aim was to understand the type of questions users might ask when considering the network of an organisation.<\/p>\n

    \n
  • Who is available?<\/li>\n
  • What can they do?<\/li>\n
  • What are they working on?<\/li>\n
  • Who are they working with?<\/li>\n
  • Who can help me with xxx<\/li>\n
  • How can I contact [person]<\/li>\n<\/ul>\n

     <\/p>\n

     <\/p>\n

    [\/et_pb_text][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.16″ global_colors_info=”{}”][et_pb_image src=”https:\/\/www.dxtr.co.uk\/wp-content\/uploads\/2020\/05\/07-flat-user-experience_0000_Layer-8.png” _builder_version=”4.16″ global_colors_info=”{}”][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.16″ global_colors_info=”{}”][et_pb_image src=”https:\/\/www.dxtr.co.uk\/wp-content\/uploads\/2020\/05\/07-flat-user-experience_0001_Layer-7.png” _builder_version=”4.16″ global_colors_info=”{}”][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_3,1_3,1_3″ _builder_version=”4.16″ width=”85%” width_tablet=”90%” width_phone=”” width_last_edited=”on|desktop” custom_padding=”20px|0px|20px|0px|false|false” global_colors_info=”{}”][et_pb_column type=”1_3″ _builder_version=”4.16″ global_colors_info=”{}”][et_pb_text _builder_version=”4.16″ text_font=”||||||||” global_colors_info=”{}”]<\/p>\n

    <\/strong>Looking at an individual user, we can see a dashboard showing a summary of the entities they are connected to: projects, files, chat threads,\u00a0 apps they use etc.<\/p>\n

    We can drill down into any of these summary headings for a detailed list.<\/p>\n

    An option to filter or sort the list can help answer questions like “what have they been working on recently”.<\/p>\n

    NB: the filter “last 7 days” is vague and begs the question “WHAT in the last 7 days?”.
    Is that when the file was created, or last modified?<\/p>\n

    [\/et_pb_text][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.16″ global_colors_info=”{}”][et_pb_image src=”https:\/\/www.dxtr.co.uk\/wp-content\/uploads\/2020\/05\/07-flat-user-experience_0002_Layer-6.png” _builder_version=”4.16″ global_colors_info=”{}”][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.16″ global_colors_info=”{}”][et_pb_image src=”https:\/\/www.dxtr.co.uk\/wp-content\/uploads\/2020\/05\/07-flat-user-experience_0005_Layer-4.png” _builder_version=”4.16″ global_colors_info=”{}”][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_3,1_3,1_3″ _builder_version=”4.21.0″ width=”85%” width_tablet=”90%” width_phone=”” width_last_edited=”on|desktop” custom_padding=”20px|0px|20px|0px|false|false” global_colors_info=”{}”][et_pb_column type=”1_3″ _builder_version=”4.16″ global_colors_info=”{}”][et_pb_text _builder_version=”4.16″ text_font=”||||||||” global_colors_info=”{}”]<\/p>\n

    <\/strong><\/h4>\n

    Sarah’s list of skills is presented as a tag cloud. Clicking a skill launches a page of users who also have the same skill, ranked by rating, so we can understand how Sarah compares to other users.<\/p>\n

    Further development:<\/strong>
    We might want to show Sarah’s rating for each skill on her own page.
    Clicking a user might show a list of projects where they have used that skill, apps they use, files they created using those apps, other people they worked with.<\/p>\n

    FAIL!<\/strong>
    On reflection, showing the skills in a simple list is a more usable pattern:<\/p>\n

      \n
    • Easier to scan<\/li>\n
    • Can indicate hierarchy<\/li>\n<\/ul>\n

       <\/p>\n

       <\/p>\n

      [\/et_pb_text][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.16″ global_colors_info=”{}”][et_pb_image src=”https:\/\/www.dxtr.co.uk\/wp-content\/uploads\/2020\/05\/07-flat-user-experience_0003_Layer-9.png” _builder_version=”4.16″ global_colors_info=”{}”][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.16″ global_colors_info=”{}”][et_pb_image src=”https:\/\/www.dxtr.co.uk\/wp-content\/uploads\/2020\/05\/07-flat-user-experience_0007_Layer-1.png” _builder_version=”4.16″ global_colors_info=”{}”][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ admin_label=”Services” _builder_version=”4.22.2″ custom_padding=”0|0|74px|0px|false|false” bottom_divider_style=”slant” bottom_divider_color=”#111111″ bottom_divider_flip=”horizontal” global_colors_info=”{}”][et_pb_row _builder_version=”4.16″ width=”100%” custom_width_px=”710px” locked=”off” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ background_position=”top_left” custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text admin_label=”Testimonials Section Title” _builder_version=”4.16″ header_font=”Montserrat||||” header_text_align=”center” header_font_size=”36px” background_size=”initial” background_position=”top_left” background_repeat=”repeat” text_orientation=”center” background_layout=”dark” max_width=”710px” module_alignment=”center” animation_style=”fold” animation_direction=”bottom” animation_intensity_fold=”20%” global_colors_info=”{}”]<\/p>\n

      Outcome and Lessons Learned<\/h1>\n

      [\/et_pb_text][et_pb_divider color=”#000000″ divider_weight=”3px” _builder_version=”4.21.0″ max_width=”100px” custom_padding=”||20px|” locked=”off” global_colors_info=”{}”][\/et_pb_divider][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.22.2″ width=”60%” width_tablet=”90%” width_phone=”” width_last_edited=”on|desktop” custom_padding=”20px|0px|20px|0px|false|false” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ global_colors_info=”{}”][et_pb_text _builder_version=”4.22.2″ text_font=”||||||||” locked=”off” global_colors_info=”{}”]<\/p>\n

      Parkisons Law and Force Constraints<\/h4>\n

      Work expands to fill the time made available for it (Parkinson’s Law). Creating a deadline and only allowing 5 days sets a force constraint and encourages a state of flow. In order to maximise my output, I used a Pomodoro timer, working in 1-hour bursts followed by a 10-minute break.\u00a0<\/span><\/p>\n

      [\/et_pb_text][et_pb_text _builder_version=”4.22.2″ text_font=”||||||||” custom_padding=”||40px||false|false” locked=”off” global_colors_info=”{}”]<\/p>\n

      Further development<\/strong><\/h4>\n
      \n
      \n

      The concept departs from the Question: Answer paradigm after while in favour of the user navigating by drilling down into the results. This was deliberate as we didn’t have time to build two prototypes but we could have included more hint questions.<\/span><\/p>\n

      I would have loved to spend more time digging into network graph and timeline representations, and also investigating a 3D UI – there was a feeling the team were on the cusp of discovering a new paradigm for expressing the data we had but we never quite got there.
      <\/span>
      <\/span>Also, operating in stealth mode, we never really had any meaningful contact with end users, either as part of a research exercise or feedback on design proposals. I’d love to revisit the project with feedback from pitches.<\/span><\/p>\n<\/div>\n<\/div>\n

      [\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.21.0″ _module_preset=”default” custom_padding=”0|0px|0px|0px|false|false” locked=”off” global_colors_info=”{}”][et_pb_row column_structure=”1_5,1_5,1_5,1_5,1_5″ _builder_version=”4.22.2″ _module_preset=”default” use_background_color_gradient=”on” background_color_gradient_stops=”#111111 0%|#333333 99%” width=”100%” custom_padding=”40px|20px|40px|20px|false|false” global_colors_info=”{}”][et_pb_column type=”1_5″ _builder_version=”4.22.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_blurb title=”Powering The Circular Economy” url=”https:\/\/www.dxtr.co.uk\/index.php\/3rd-party-app-integration\/” image=”https:\/\/www.dxtr.co.uk\/wp-content\/uploads\/2023\/09\/Stuffstr-iphone-homepage-mockup.png” alt=”Stuffstr homepage mockup on an iphone” image_icon_width=”100%” icon_alignment=”left” _builder_version=”4.22.2″ _module_preset=”default” header_line_height=”1.2em” body_line_height=”1.2em” image_icon_custom_padding=”4px||||false|false” background_layout=”dark” custom_padding=”0px||||false|false” link_option_url=”https:\/\/www.dxtr.co.uk\/index.php\/3rd-party-app-integration\/” global_colors_info=”{}”]<\/p>\n

      Stuffstr<\/p>\n

      [\/et_pb_blurb][\/et_pb_column][et_pb_column type=”1_5″ _builder_version=”4.22.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_blurb title=”Rapid Interactive Prototyping” url=”https:\/\/www.dxtr.co.uk\/index.php\/tm\/” image=”https:\/\/www.dxtr.co.uk\/wp-content\/uploads\/2023\/07\/ls-thumb2.png” alt=”TM mobile app” image_icon_width=”100%” icon_alignment=”left” _builder_version=”4.22.2″ _module_preset=”default” header_line_height=”1.2em” body_line_height=”1.2em” image_icon_custom_padding=”4px||||false|false” background_layout=”dark” custom_padding=”0px||||false|false” link_option_url=”https:\/\/www.dxtr.co.uk\/index.php\/tm\/” global_colors_info=”{}”]<\/p>\n

      Team Machine<\/p>\n

      [\/et_pb_blurb][\/et_pb_column][et_pb_column type=”1_5″ _builder_version=”4.22.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_blurb title=”Revitalising a Flagship Platform” url=”https:\/\/www.dxtr.co.uk\/index.php\/fintech-app-platform-ux-case-study\/” image=”https:\/\/www.dxtr.co.uk\/wp-content\/uploads\/2023\/07\/lsws-on-laptop.png” alt=”complex fintech product on laptop” image_icon_width=”100%” icon_alignment=”left” _builder_version=”4.22.2″ _module_preset=”default” header_line_height=”1.2em” body_line_height=”1.2em” image_icon_custom_padding=”4px||||false|false” background_layout=”dark” custom_padding=”0px||||false|false” link_option_url=”https:\/\/www.dxtr.co.uk\/index.php\/fintech-app-platform-ux-case-study\/” global_colors_info=”{}”]<\/p>\n

      London Stock Exchange<\/p>\n

      [\/et_pb_blurb][\/et_pb_column][et_pb_column type=”1_5″ _builder_version=”4.22.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_blurb title=”Transforming Web Presence” url=”https:\/\/www.dxtr.co.uk\/index.php\/case-study-2-e-commerce-website\/” image=”https:\/\/www.dxtr.co.uk\/wp-content\/uploads\/2023\/07\/hs-thumb2.png” alt=”ecommerce website refresh” image_icon_width=”100%” icon_alignment=”left” _builder_version=”4.22.2″ _module_preset=”default” header_line_height=”1.2em” body_line_height=”1.2em” image_icon_custom_padding=”4px||||false|false” background_layout=”dark” custom_padding=”0px||||false|false” link_option_url=”https:\/\/www.dxtr.co.uk\/index.php\/case-study-2-e-commerce-website\/” global_colors_info=”{}”]<\/p>\n

      Homeserve UK<\/p>\n

      [\/et_pb_blurb][\/et_pb_column][et_pb_column type=”1_5″ _builder_version=”4.22.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_blurb title=”Greenfield SaaS App Design” url=”https:\/\/www.dxtr.co.uk\/index.php\/ux-case-study-fintech-investment-research-app\/” image=”https:\/\/www.dxtr.co.uk\/wp-content\/uploads\/2023\/07\/rd-thumb2.png” alt=”Investment consulting app” image_icon_width=”100%” icon_alignment=”left” _builder_version=”4.22.2″ _module_preset=”default” header_line_height=”1.2em” body_line_height=”1.2em” image_icon_custom_padding=”4px||||false|false” background_layout=”dark” custom_padding=”0px||||false|false” link_option_url=”https:\/\/www.dxtr.co.uk\/index.php\/ux-case-study-fintech-investment-research-app\/” global_colors_info=”{}”]<\/p>\n

      Redington<\/p>\n

      [\/et_pb_blurb][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"

        A concept to visualise network graph data   My Role Product Design UX+UI \/\u00a0 Interactive PrototypingThe Team Director\u00a0\/\u00a0Front End Developer \/ Back End Lead DeveloperAn enterprise-level business intelligence API that pulls data from Slack, Github, Jira, Dropbox, Google Suite etc, to visualise connections and collaborations between colleagues and across projects.ProblemNetwork graph visualisations suck for […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-902","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.dxtr.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/902","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dxtr.co.uk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.dxtr.co.uk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.dxtr.co.uk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dxtr.co.uk\/index.php\/wp-json\/wp\/v2\/comments?post=902"}],"version-history":[{"count":79,"href":"https:\/\/www.dxtr.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/902\/revisions"}],"predecessor-version":[{"id":2582,"href":"https:\/\/www.dxtr.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/902\/revisions\/2582"}],"wp:attachment":[{"href":"https:\/\/www.dxtr.co.uk\/index.php\/wp-json\/wp\/v2\/media?parent=902"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}